title: vuetify v-switch label on two lines
body: <p>For some reason whatever I do the label here refuses to be on one line, here is my code:</p>
  
  <pre><code> &lt;v-container class="px-3"&gt;
      &lt;v-layout justify-center&gt;
        &lt;v-flex xs12 sm10&gt;
         &lt;v-layout align-center justify-start&gt;
           &lt;v-flex lg3&gt;
               &lt;v-switch v-model="displayAllUsers"
                          @click.native.stop
                          color="primary"
                          :label="'All users'"
                          @change="toggleAllUsers()"
                          &gt;&lt;/v-switch&gt;
  
              &lt;/v-flex&gt;
           &lt;/v-layout&gt;
        &lt;/v-flex&gt;
      &lt;/v-layout&gt;
   &lt;/v-container&gt;
  
  </code></pre>
  
  <p>Also attached is a pic of what it looks like.
  <a href="https://i.stack.imgur.com/nZb8v.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nZb8v.png" alt="switch image"></a></p>
  
  <p>Vuetify 1.5.14, using SVG Icons which might be related to this</p>