title: How to change v-text-field width in Vuetify?
body: <p>I placed v-text-field component inside a toolbar however it takes almost all available space.
  How can I change the width of this text-field to take less space?</p>
  
  <pre><code>&lt;v-toolbar
      dense
    &gt;
      &lt;v-app-bar-nav-icon&gt;&lt;/v-app-bar-nav-icon&gt;
      &lt;v-toolbar-title&gt;Title&lt;/v-toolbar-title&gt;
      &lt;v-text-field
        hide-details
        label="Filled"
        placeholder="Search"
        filled
        rounded
        dense
        single-line
        append-icon="mdi-magnify"
      &gt;&lt;/v-text-field&gt;
      &lt;v-btn rounded&gt;Button 1&lt;/v-btn&gt;
      &lt;v-btn icon&gt;
        &lt;v-icon&gt;&lt;/v-icon&gt;
      &lt;/v-btn&gt;
      &lt;v-btn icon&gt;
        &lt;v-icon&gt;mdi-dots-vertical&lt;/v-icon&gt;
      &lt;/v-btn&gt;
    &lt;/v-toolbar&gt;
  </code></pre>