title: WPF: Button template w/ cornerRadius and Bevel looks wrong
body: <p>I changed the ControrTemplate of a button, gave it a border with CornerRadius and BevelBitmpaEffect. Looks decent enough for the minimal effort. Put it on a colored background and then the problem becomes apperent.</p>
  
  <p>The corner where the lightangle is coming from there is a white snip with a right angle corner. Possibly coming from the light effect but very obvious with a cornerRadius. I don't suppose I could do anything about it ( aside from the obvious like not using a cornerRadius )?</p>
  
  <p>EDIT:</p>
  
  <p>This code should generate the same problem for you</p>
  
  <pre><code>&lt;Style x:Key="TabButtons" TargetType="Button"&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="Button"&gt;
                  &lt;Border CornerRadius="8"
                          SnapsToDevicePixels="True"
                          Name="BtnBorder"
                          Width="80"
                          Height="35"
                          BorderThickness="1"
                          BorderBrush="DarkBlue"&gt;
                      &lt;Border.Background&gt;
  
                          &lt;LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"&gt;
                              &lt;GradientStop Color="LightBlue" Offset="0" /&gt;
                              &lt;GradientStop Color="DarkBlue" Offset="1" /&gt;
                          &lt;/LinearGradientBrush&gt;
  
                      &lt;/Border.Background&gt;
                      &lt;Border.BitmapEffect&gt;
                          &lt;BevelBitmapEffect BevelWidth="5"
                                             EdgeProfile="CurvedOut"
                                             LightAngle="135"
                                             Relief="0.1"
                                             Smoothness="1" /&gt;
                      &lt;/Border.BitmapEffect&gt;
                      &lt;ContentPresenter Name="BtnContent" VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Content" /&gt;
                  &lt;/Border&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>Use this button on a LightBlue Background for example</p>
  
  <pre><code>&lt;Border Background="LightBlue" &gt;
      &lt;Button Style={StaticResource TabButtons} &gt;Test&lt;/Button&gt;
  &lt;/Border&gt;
  </code></pre>