title: Unity: Button spacing differs at different screen resolutions
body: <p>In my game (Unity 2017.3.1f1) I'm using a ScrollView that's filled with buttons at runtime.</p>
  
  <p>At 1080p:</p>
  
  <p><a href="https://i.stack.imgur.com/QyzEF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QyzEF.png" alt="enter image description here"></a></p>
  
  <p>And at 1440p:</p>
  
  <p><a href="https://i.stack.imgur.com/J72tk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J72tk.png" alt="enter image description here"></a></p>
  
  <p>The blue dots show the constraints of the Content, the whole thing (including the grey part below) makes up the Scroll View. No matter how big/small I make the Content, the border doesn't vanish at 1440p but is instead resized with the Content.</p>
  
  <ul>
  <li>The width of the ScrollView is set through a surrounding panel</li>
  <li>The buttons all use the same pefab (Inspector: <a href="https://i.imgur.com/YJRWh8S.png" rel="nofollow noreferrer">click</a>) - 1st image below</li>
  <li>The buttons are arranged by a Vertical Layout Group on the Content (Inspector: <a href="https://i.imgur.com/8DblK8u.png" rel="nofollow noreferrer">click</a>) - 2nd image below</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/o4Ba8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o4Ba8.png" alt="enter image description here"></a><a href="https://i.stack.imgur.com/aX71b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aX71b.png" alt="enter image description here"></a></p>
  
  <p>As you can see in the last screenshot, the Vertical Layout Group is set to force expand the button's width and control its size, which isn't set anywhere else. I also don't set any padding/spacing in the Vertical Layout Group and yet there's an empty space between the two buttons.</p>
  
  <p>I want it to look the same at 1080p and 1440p. What am I missing? </p>