title: Md-button in side nav is offset when it is below a certain width
body: <p>I am using materials Md-button's in a md-side-nav and this button is offset when it it 4 characters long. I inspected the css of these two button and the only thing that is different is the origin transform</p>
  
  <p>Codepen: click toggle right nav to see the effect.</p>
  
  <p><a href="http://codepen.io/anon/pen/oXpdae" rel="nofollow noreferrer">http://codepen.io/anon/pen/oXpdae</a></p>
  
  <pre><code>&lt;md-button ng-click="close()" class="md-primary"&gt;
        123456
      &lt;/md-button&gt;&lt;br&gt;
  
      &lt;md-button ng-click="close()" class="md-primary"&gt;
        123456789
      &lt;/md-button&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/sOOuN.png" alt="enter image description here"></p>