From 806f75a2fe7cca6d7081619eacac1d599208d398 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 19 Aug 2025 11:11:50 +0530
Subject: [PATCH] fix: reject button is rotated

(cherry picked from commit afa96c330bb123067b15526c22d46c6e932ace01)
---
 .../src/components/Telephony/TwilioCallUI.vue  | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Telephony/TwilioCallUI.vue b/frontend/src/components/Telephony/TwilioCallUI.vue
index 7ab67cd0..35a5f552 100644
--- a/frontend/src/components/Telephony/TwilioCallUI.vue
+++ b/frontend/src/components/Telephony/TwilioCallUI.vue
@@ -72,10 +72,13 @@
             theme="red"
             :label="__('Cancel')"
             @click="cancelCall"
-            class="rounded-lg rotate-[135deg] text-ink-white"
+            class="rounded-lg text-ink-white"
             :disabled="callStatus == 'initiating'"
-            :iconLeft="PhoneIcon"
-          />
+          >
+            <template #prefix>
+              <PhoneIcon class="rotate-[135deg]" />
+            </template>
+          </Button>
         </div>
         <div v-else class="flex gap-2">
           <Button
@@ -92,10 +95,13 @@
             variant="solid"
             theme="red"
             :label="__('Reject')"
-            class="rounded-lg rotate-[135deg] text-ink-white"
-            :iconLeft="PhoneIcon"
+            class="rounded-lg text-ink-white"
             @click="rejectIncomingCall"
-          />
+          >
+            <template #prefix>
+              <PhoneIcon class="rotate-[135deg]" />
+            </template>
+          </Button>
         </div>
       </div>
     </div>