I've been working on creating a Speed Dial feature for a web application, but I can't seem to get the icons to align properly in the Speed Dial menu.
Despite following the instructions provided in https://vuetifyjs.com/en/components/floating-action-buttons, the icons remain off-center even when I directly copy and paste the code from the tutorial.
<v-speed-dial
fab
bottom
right
fixed
v-model="fab"
direction="top"
transition="slide-y-reverse-transition"
>
<v-btn
icon
slot="activator"
fab
dark
color="blue lighten-2"
v-model="fab"
>
<v-icon>account_circle</v-icon>
<v-icon>close</v-icon>
</v-btn>
<v-btn fab dark small color="green">
<v-icon>edit</v-icon>
</v-btn>
<v-btn fab dark small color="indigo">
<v-icon>add</v-icon>
</v-btn>
</v-speed-dial>
Actual Behavior:
Expected Behavior:
Can anyone provide insight into what I might be doing incorrectly?