title: vuetify.js v-select minimum height limitation?
body: <p>As you can see from below, I am trying to reduce the height of a <code>v-select</code> element, but it appears there's a limit to the minimum height I can set. i.e. after <code>height = 40</code>, further reducing the height doesn't seem to work anymore. Is there anyway to surround this limit so I can make this element smaller? I need this because I need to fit it into a relative small div. Thanks in advance -</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: "#app",
    data: {
      years: [2015, 2016, 2017, 2018]
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.3.7/vuetify.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.3.7/vuetify.min.css"&gt;
  &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
  
  &lt;div id="app"&gt;
  &lt;v-app&gt;
    &lt;v-layout row&gt;
        &lt;v-select
          label="height=80"
          outline
          height="80"
          :items="years"&gt;
        &lt;/v-select&gt;
        &lt;v-select
          label="height=60"
          outline
          height="60"
          :items="years"&gt;
        &lt;/v-select&gt;
        &lt;v-select
          label="height=40"
          outline
          height="40"
          :items="years"&gt;
          &lt;/v-select&gt;
        &lt;v-select
          label="height=20"
          outline
          height="20"
          :items="years"&gt;
        &lt;/v-select&gt;
    &lt;/v-layout&gt;
  &lt;/v-app&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>