title: Vuetify v-text field minimum height limitation?
body: <p>i have a v-text-field and i'm trying to set the height to 37px but it seems like the minimum height has to be 49px. Is there a way to override this? I tried putting custom css but it seems like it works in the chrome inspector but i am not able to target it somehow</p>
  
  <p>I have made a codepen with custom css styling applied but cannot seem to make it work: <a href="https://codepen.io/anon/pen/MMEmex" rel="noreferrer">https://codepen.io/anon/pen/MMEmex</a></p>
  
  <pre><code> &lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
     &lt;v-container&gt;
     &lt;v-text-field solo placeholder="trying to adjust the height" 
     height="37px"&gt;&lt;/v-text-field&gt;
     &lt;/v-container&gt;
    &lt;/v-app&gt;
    &lt;/div&gt;
  
     new Vue({
   el: '#app'
      })
  </code></pre>
  
  <p>When i apply this css on .v-input-slot in the chrome inspector tools, it seem to work</p>
  
  <pre><code>  .v-input__slot {
    min-height: auto !important;
   display: flex !important;
   align-items: center !important;
   }
  </code></pre>
  
  <p>Thank you in advance guys.</p>