My vuetify text field has a label that is too long for mobile devices. I am wondering if there is a way to automatically wrap the text. I attempted using div and p, as shown in this codepen link
<div id="app">
<v-app id="inspire">
<v-form>
<v-container>
<v-text-field>
<template v-slot:label>
<div><p>First line of text.</p></div><div><p>Second line of text</p></div>
</template>
</v-text-field>
</v-container>
</v-form>
</v-app>
</div>