I am currently trying to create a quiz, using VueJS and Vuetify. I am trying to arrange the answers the user can select vertically. To do that, I am trying to use the v-btn-toggle component. However, the v-btn-toggle component’s buttons are aligned horizontally by default. If possible, I would like to know how to arrange them vertically.

here is my layout:

<v-btn-toggle v-model="toggle_multiple" multiple>
    <v-btn>
         Answer 1
    </v-btn>
    <v-btn>
         Answer 2
    </v-btn>
    <v-btn>
         Answer 3
    </v-btn>
    <v-btn>
        Answer 4
    </v-btn>
</v-btn-toggle>

and here is my style, as recommended in this question :

.v-btn-toggle{
    flex-direction: column;
}

the answer I’ve tried gave me weird results, as the answers only display up to the second answer and a half, as such :
my disappointment

Any help is appreciated.