title: Vuetify's fab button icon is not centered vertically
body: <p>I can't get vuetify's fab button to be centered vertically.</p>
  
  <p>Here is my usage, noting special out of the ordinary.</p>
  
  <pre><code>&lt;v-btn 
      color="primary" 
      fab 
      small &gt;
      &lt;v-icon&gt;print&lt;/v-icon&gt;                  
  &lt;/v-btn&gt;
  </code></pre>
  
  <p>Here is my main.js file</p>
  
  <pre><code>import Vue from "vue";
  import Vuetify from "vuetify";
  import "vuetify/dist/vuetify.min.css";
  import "material-design-icons/iconfont/material-icons.css";
  import "typeface-roboto/index.css";
  Vue.use(Vuetify);
  new Vue({
    router,
    store,
    render: h =&gt; h(App)
  }).$mount("#app");
  </code></pre>
  
  <p>this is the output</p>
  
  <p><a href="https://i.stack.imgur.com/7pfpT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7pfpT.png" alt="enter image description here"></a></p>
  
  <p><strong>I am using Vue 2.5.16 and Vuetify 1.1.3 versions</strong></p>
  
  <p><em>i.e I haven't added styles or any external other css</em></p>
  
  <hr>
  
  <p><strong>Update</strong>: 
   i found a workaround by adding <code>height:auto</code> on <code>v-icon</code></p>
  
  <pre><code>&lt;v-icon style="height:auto;"&gt;print&lt;/v-icon&gt;
  </code></pre>
  
  <p>but still it isn't a solution.</p>