From f38775bbe5970244f925b2a49019e3eaaee26c05 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 3 Sep 2025 19:11:21 +0530
Subject: [PATCH] fix: update EmailMultiSelect styles for better responsiveness
 and layout

---
 frontend/src/components/Controls/EmailMultiSelect.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Controls/EmailMultiSelect.vue b/frontend/src/components/Controls/EmailMultiSelect.vue
index 4b931133..21003aeb 100644
--- a/frontend/src/components/Controls/EmailMultiSelect.vue
+++ b/frontend/src/components/Controls/EmailMultiSelect.vue
@@ -31,14 +31,13 @@
           :ignore-filter="true"
         >
           <ComboboxAnchor
-            class="flex h-7 items-center gap-2 rounded px-2 py-1 border border-transparent"
+            class="flex h-7 max-w-full w-auto items-center gap-2 rounded px-2 py-1 border border-transparent"
             :class="[
               variant == 'ghost'
                 ? 'bg-surface-white hover:bg-surface-white'
                 : 'bg-surface-gray-2 hover:bg-surface-gray-3',
               inputClass,
             ]"
-            style="max-width: 100%; width: auto"
           >
             <ComboboxInput
               ref="search"
@@ -54,10 +53,9 @@
           </ComboboxAnchor>
           <ComboboxPortal>
             <ComboboxContent
-              class="z-10 mt-1 bg-surface-modal overflow-hidden rounded-lg shadow-2xl ring-1 ring-black ring-opacity-5"
+              class="z-10 mt-1 min-w-48 w-auto max-w-96 bg-surface-modal overflow-hidden rounded-lg shadow-2xl ring-1 ring-black ring-opacity-5"
               position="popper"
               :align="'start'"
-              :style="{ minWidth: '12rem', width: 'auto', maxWidth: '24rem' }"
               @openAutoFocus.prevent
               @closeAutoFocus.prevent
             >