title: Angular Material buttons height
body: <p>html:</p>
  
  <pre><code>&lt;body id="app"&gt;
    &lt;md-button&gt;
      Yo
    &lt;/md-button&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Looks:
  <img src="https://i.stack.imgur.com/2xM3F.png" alt="angular material button 100% height"></p>
  
  <p>Why button with 100% height? But at materials docs they looks <a href="https://material.angularjs.org/#/demo/material.components.button" rel="nofollow noreferrer">like inline element</a>.</p>
  
  <p>And material directives without replace option:</p>
  
  <p><img src="https://i.stack.imgur.com/8Hqod.png" alt="enter image description here"></p>
  
  <p>But at materials docs all directives replaced with templates.</p>
  
  <p>What is wrong?</p>