title: How fix issue with chrome auto complete overlap with labels in vuetify?
body: <p>When trying to create a login form with <code>outlined</code> text fields in Vutify, the chrome autocomplete overlap with <code>labels</code>,</p>
  <pre><code>&lt;v-text-field
    v-model=&quot;email&quot;
    label=&quot;e-mail&quot;
    name=&quot;email&quot;
    outlined
    prepend-icon=&quot;mdi-account&quot;
    type=&quot;text&quot;
    required
  &gt;
  &lt;/v-text-field&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/py7M2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/py7M2.png" alt="enter image description here" /></a></p>
  <p>you can regeneare <a href="https://codepen.io/prajin-tst/pen/NWNWvBZ" rel="noreferrer">here</a> please fill and submit, then go back.</p>