title: vuetify v-select styling : too big
body: <p>Is it possible to reduce the height of the v-select in Vuetify ?
  I don't understand why this elements are so big / fat...
  <a href="https://i.stack.imgur.com/vJjqX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vJjqX.png" alt="enter image description here" /></a></p>
  <hr />
  <p>My code is :</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;v-select
        outline
        dense
        v-model=&quot;filtresActivites&quot;
        :items=&quot;activitesGroupees&quot;
        item-text=&quot;activiteNomComplet&quot;
        item-value=&quot;activiteCode&quot;
        multiple
      &gt;
        &lt;template v-slot:selection=&quot;{ item, index }&quot;&gt;
          &lt;span v-if=&quot;index === 0&quot; class=&quot;deep-orange--text&quot;&gt;{{ filtresActivites.length }} activités&lt;/span&gt;
        &lt;/template&gt;
      &lt;/v-select&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>&quot;You can add height property to your v-select like this:&quot; : it dosn't work</p>
  <p>I added <code>.v-select__selections { min-height: 30px }</code> in the style of the component and it dosn't work.</p>