title: Why Buttons do not stretch to fill Grid cells?
body: <p>I am about to create a Grid Matrix in a <strong><em>UWP application</em></strong> and came across this behavior where the Button control does not stretch to fill the available space; in contrast, the TextBox control does. How to force the Button control to behave like a TextBox?</p>
  
  <pre><code>     &lt;Grid&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="*" /&gt;
              &lt;RowDefinition Height="*" /&gt;
              &lt;RowDefinition Height="*" /&gt;
              &lt;RowDefinition Height="*" /&gt;
          &lt;/Grid.RowDefinitions&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="*" /&gt;
              &lt;ColumnDefinition Width="*" /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;Grid.Resources&gt;
              &lt;Style TargetType="Button"&gt;
                  &lt;Setter Property="BorderBrush" Value="Yellow" /&gt;
                  &lt;Setter Property="BorderThickness" Value="5" /&gt;
              &lt;/Style&gt;
  
              &lt;Style TargetType="TextBox"&gt;
                  &lt;Setter Property="BorderBrush" Value="Yellow" /&gt;
                  &lt;Setter Property="BorderThickness" Value="5" /&gt;
              &lt;/Style&gt;
          &lt;/Grid.Resources&gt;
  
          &lt;TextBox   Grid.Row="0" Grid.Column="0" Text="One"   /&gt;
          &lt;TextBox  Grid.Row="0"  Grid.Column="1" Text="Two"   /&gt;
  
          &lt;Button   Grid.Row="1" Grid.Column="0" Content="Three"   /&gt;
          &lt;Button  Grid.Row="1"  Grid.Column="1" Content="Four"   /&gt;
      &lt;/Grid&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/SCRbU.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/SCRbU.jpg" alt="enter image description here"></a></p>