title: Vuetify - label of v-btn (button) overlaps the lateral borders
body: <p>In the code below, the button should break the line and increase the its height.
  But the text is overlapping the lateral borders (the behavior is reproduced in Codepen link below).</p>
  
  <p>How can it be fixed ?</p>
  
  <p><a href="https://codepen.io/anon/pen/qyMZvb" rel="noreferrer">Codepen</a></p>
  
  <pre><code>&lt;v-btn  block outline color="indigo" class="no-text-transform"&gt;
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dapibus augue.
  &lt;/v-btn&gt;
  </code></pre>