I am using Primevue Multiselect component and currently it truncates the items that were selected, which makes it a bad usability. No idea how to make it increase in height to see all options.

The code:
<div class="flex flex-wrap items-center gap-2 mb-4"> <label for="grapes" class="font-semibold w-20">Grapes</label> <MultiSelect v-model="selected.grapes" display="chip" :options="store.grapes" optionLabel="name" optionValue="id" filter class="ml-2 w-full md:w-[13.4rem]" /> <Button type="button" icon="pi pi-plus" size="small" @click="dialog_visible = true" /> </div>
The screenshot:
enter image description here

I tried increasing the height and changing the overflow but nothing worked so far.