From 25d9d562e6b150d94ba1b3065945fd0c12f10c43 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 19 Aug 2025 11:53:28 +0530
Subject: [PATCH 1/3] fix: convert to deal modals's convert button

---
 .../components/Modals/ConvertToDealModal.vue  | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/Modals/ConvertToDealModal.vue b/frontend/src/components/Modals/ConvertToDealModal.vue
index e4ab3e3c..1e36a6cd 100644
--- a/frontend/src/components/Modals/ConvertToDealModal.vue
+++ b/frontend/src/components/Modals/ConvertToDealModal.vue
@@ -1,17 +1,5 @@
 <template>
-  <Dialog
-    v-model="show"
-    :options="{
-      size: 'xl',
-      actions: [
-        {
-          label: __('Convert'),
-          variant: 'solid',
-          onClick: convertToDeal,
-        },
-      ],
-    }"
-  >
+  <Dialog v-model="show" :options="{ size: 'xl' }">
     <template #body-header>
       <div class="mb-6 flex items-center justify-between">
         <div>
@@ -90,6 +78,11 @@
       />
       <ErrorMessage class="mt-4" :message="error" />
     </template>
+    <template #actions>
+      <div class="flex justify-end">
+        <Button :label="__('Convert')" variant="solid" @click="convertToDeal" />
+      </div>
+    </template>
   </Dialog>
 </template>
 <script setup>

From a76bd2cab2b4dd2a8a9038f6890f3b9294a375a2 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 19 Aug 2025 11:56:24 +0530
Subject: [PATCH 2/3] fix: align action buttons in GridFieldsEditorModal

---
 frontend/src/components/Controls/GridFieldsEditorModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Controls/GridFieldsEditorModal.vue b/frontend/src/components/Controls/GridFieldsEditorModal.vue
index c56f56ff..507170bf 100644
--- a/frontend/src/components/Controls/GridFieldsEditorModal.vue
+++ b/frontend/src/components/Controls/GridFieldsEditorModal.vue
@@ -72,7 +72,7 @@
       </div>
     </template>
     <template #actions>
-      <div class="flex flex-col gap-2">
+      <div class="flex items-center gap-2 justify-end">
         <Button
           v-if="dirty"
           class="w-full"

From edd0ec5f68eac0bfd9005adbbbd95fedd0c8e337 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 3/3] fix: update Dropdown styling in SLASection component

---
 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'"
             />