I have two Vuetify components <v-radio> and <v-checkbox>:

<v-radio-group 
    v-if="thisDessert.input_type == 'checkbox_single'"
>
    <v-radio
        disabled
        v-for="value in allValues"
        :key="value"
        :label="value"
    />
</v-radio-group>

<div
    flat
    v-else-if="thisDessert.input_type == 'checkbox_multiple'"
>
    <v-checkbox
        readonly
        v-for="value in allValues"
        :key="value"
        :label="value"
    />
</div>

NOTE: allValues represents an array e.g. something like ["Ve","We","Te"]

They work functionally, so if thisDessert.input_type == 'checkbox_multiple' then a v-checkbox is there to represent the correct values. However it looks like this:

How can I fix this?