title: Adjusting height of v-list-tile in Vuetify
body: <p><a href="https://codepen.io/mikecole/pen/NBgmvN" rel="nofollow noreferrer">CodePen</a></p>
  
  <p>Relevant section is:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;v-list-tile&gt;
    &lt;v-list-tile-content&gt;
      &lt;div&gt;
        This is some content that's a little tall.&lt;br /&gt;
        Maybe there's a lot of stuff that goes here.&lt;br /&gt;
        Or maybe I'm using a third party control.&lt;br /&gt;
        Either way, how can I adjust the height?
      &lt;/div&gt;
    &lt;/v-list-tile-content&gt;
  &lt;/v-list-tile&gt;
  </code></pre>
  
  <p>I have a Vuetify menu that contains a list. One of the list items is taller than the 48px set in the base styles. Is there a way to adjust this gracefully in the markup? Or do I need to use css to adjust?</p>