title: Reducing the height of Vuetify dropdown
body: <p>I am not able to reduce the height of the Vuetify dropdown component <code>v-select</code>. I tried using the props <code>dense</code> but it only reduces the height of the options to select and doesn't show any effect on the closed dropdown.</p>
  
  <p>I tried the following template code: </p>
  
  <pre><code>&lt;v-select :items="selectableYears" dense outlined&gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>The example code from the documenation is very similar: </p>
  
  <pre><code>&lt;v-select
      :items="items"
      label="Outlined style"
      dense
      outlined
  &gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>Documentation: <a href="https://vuetifyjs.com/en/components/selects" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/selects</a></p>