title: Items appear larger in Android Studio preview?
body: <p>So I'm designing my views in Android Studio and this happens:</p>
  
  <p><a href="http://puu.sh/it8CF/aaa697a7d2.jpg" rel="nofollow">http://puu.sh/it8CF/aaa697a7d2.jpg</a> &lt;-- How it looks in studio preview</p>
  
  <p><a href="http://puu.sh/it8Gk/047a18f276.jpg" rel="nofollow">http://puu.sh/it8Gk/047a18f276.jpg</a> &lt;-- How it looks in emulator view, of the exact same device being used for preview</p>
  
  <p>This is making it impossible for me to design the UI for my app.  The icons are diffeerent that is intentional, but them overlapping is NOT by design at all. They are just supposed to be next to each other... My friend is running exact  same emulator/project from his computer and it looks like this in the Android Studio preview.</p>
  
  <p>Here is a screenshot from his android preview: </p>
  
  <p><a href="http://puu.sh/it8OZ/4647e7a966.jpg" rel="nofollow">http://puu.sh/it8OZ/4647e7a966.jpg</a></p>
  
  <p>So where do I go from here, any idea on how to fix it? </p>
  
  <p>As requested below here is the XML version in pastebin: <a href="http://pastebin.com/QxfBy6F9" rel="nofollow">http://pastebin.com/QxfBy6F9</a></p>
  
  <p>There is a total of 20 icons in a Relative Layout, however this happens in all different layouts, not just relative.  I'm trying to code it to be a linear layout, with 4 icons per row, however the layout due to the size, if changed would put 3 and then cut 75% of the last icon off, even though on the phone it could show up to 5.</p>