title: WPF window layout looks different from VS designer when running
body: <p>I've recently been playing around with WPF a little bit. I'm a little confused as my program looks different when it's running from what I created in the designer.</p>
  
  <p>I'm certain that there is a valid reason for this but I can't wrap my head around why something so basic has to be so "mysterious".</p>
  
  <p>To be specific, I mean the bottom and right margin between the button and the inner border of the window.</p>
  
  <p><strong>Designer:</strong></p>
  
  <p><a href="https://imgur.com/STH0C3K" rel="noreferrer"><img src="https://i.imgur.com/STH0C3K.png" title="Hosted by imgur.com"/></a></p>
  
  <p><strong>Running program:</strong></p>
  
  <p><a href="https://imgur.com/OaAFvUJ" rel="noreferrer"><img src="https://i.imgur.com/OaAFvUJ.png" title="Hosted by imgur.com"/></a></p>
  
  <p>Hope someone can help with this.</p>
  
  <p>XAML:</p>
  
  <pre><code>&lt;Window x:Class="WpfApplication1.MainWindow"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="MainWindow" Height="350" Width="525"&gt;
  &lt;Grid&gt;
      &lt;Button Content="Button" HorizontalAlignment="Left" Margin="432,289,0,0"
              VerticalAlignment="Top" Width="75" RenderTransformOrigin="-1.387,-0.75"/&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p></p>