From 5a243d29da52417e9580c6befea6d05f08bc35ed Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 19 Aug 2025 12:21:30 +0530
Subject: [PATCH] fix: update Dropdown styling in SLASection component

(cherry picked from commit edd0ec5f68eac0bfd9005adbbbd95fedd0c8e337)
---
 frontend/src/components/SLASection.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/SLASection.vue b/frontend/src/components/SLASection.vue
index ff5b71f4..7883f287 100644
--- a/frontend/src/components/SLASection.vue
+++ b/frontend/src/components/SLASection.vue
@@ -21,13 +21,10 @@
             <div v-else>{{ s.value }}</div>
           </div>
         </Tooltip>
-        <Dropdown
-          class="form-control"
-          v-if="s.type == 'Select'"
-          :options="s.options"
-        >
+        <Dropdown v-if="s.type == 'Select'" :options="s.options">
           <template #default="{ open }">
             <Button
+              class="form-control bg-surface-white hover:bg-surface-white"
               :label="s.value"
               :iconRight="open ? 'chevron-up' : 'chevron-down'"
             />