title: Textbox sizes displaying wrong in VS 2017
body: <p>I am using VS 2017 and just making a simple app with a few textboxes. I created a blank project for UWP. </p>
  
  <p>I've added four text boxes and this is what it looks like in VS in the designer. <a href="https://i.stack.imgur.com/y5N15.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y5N15.png" alt="Visual Studio App Designer"></a></p>
  
  <p>But when it runs it either looks like this<a href="https://i.stack.imgur.com/CcNsZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CcNsZ.png" alt="enter image description here"></a></p>
  
  <p>or like this?
  <a href="https://i.stack.imgur.com/CVyiP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CVyiP.png" alt="enter image description here"></a></p>
  
  <p>Can anyone explain why this is occurring? All the text boxes are set to 23 Height and 120 Width. All the same settings.</p>
  
  <p>I've done edits in the CS code rather than using the XAML editor</p>
  
  <p>Here is my code. All I've done is change the height, width and position.</p>
  
  <pre><code>&lt;Grid Margin="0,0,0,0"&gt;
      &lt;TextBox x:Name="digitEntryBoxDec" 
               TextChanged="digitEntryBoxDec_TextChanged" 
               MouseLeftButtonUp="digitEntryBoxDec_MouseLeftButtonUp" 
               KeyDown="digitEntryBoxDec_KeyDown" 
               Height="23"
               Width="120" Margin="262,32,261.2,365"/&gt;
      &lt;TextBox x:Name="digitEntryBoxHex" 
               TextChanged="digitEntryBoxHex_TextChanged" 
               Height="23" 
               Width="120" Margin="262,60,261.2,337"/&gt;
      &lt;TextBox x:Name="digitEntryBoxBin" 
               TextChanged="digitEntryBoxBin_TextChanged" 
               Height="23" 
               Width="120" Margin="262,88,261.2,309"/&gt;
      &lt;TextBox x:Name="textBox" 
               Height="23" 
               Width="120" Margin="262,116,261.2,281"/&gt;
      &lt;Rectangle x:Name="colouringBox" 
                 Fill="#FFF4F4F5" 
                 Height="80" 
                 Width="80" 
                 HorizontalAlignment="Center" 
                 VerticalAlignment="Center" /&gt;
  &lt;/Grid&gt;
  </code></pre>