From d82c71e78ad1825766c308a4fdf3ed29f0585f48 Mon Sep 17 00:00:00 2001
From: Khush Raghav Nanda <66900203+khushhhhh@users.noreply.github.com>
Date: Fri, 31 Jul 2026 12:10:41 +0530
Subject: [PATCH] fix(conversation): remove deprecated style block (#15179)

---
 .../widgets/conversation/ReplyToMessage.vue          | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/ReplyToMessage.vue b/app/javascript/dashboard/components/widgets/conversation/ReplyToMessage.vue
index 0a0bc8192..7615d01c9 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ReplyToMessage.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ReplyToMessage.vue
@@ -14,7 +14,7 @@ const emit = defineEmits(['dismiss']);
 
 <template>
   <div
-    class="reply-editor bg-n-slate-9/10 rounded-md py-1 pl-2 pr-1 text-xs tracking-wide mt-2 flex items-center gap-1.5"
+    class="reply-editor bg-n-slate-9/10 rounded-md py-1 ps-2 pe-1 text-xs tracking-wide mt-2 flex items-center gap-1.5"
   >
     <fluent-icon class="flex-shrink-0 icon" icon="arrow-reply" size="14" />
     <div class="flex-grow gap-1 mt-px text-xs truncate">
@@ -37,13 +37,3 @@ const emit = defineEmits(['dismiss']);
     />
   </div>
 </template>
-
-<style lang="scss">
-// TODO: Remove this
-// override for dashboard/assets/scss/widgets/_reply-box.scss
-.reply-editor {
-  .icon {
-    margin-right: 0px !important;
-  }
-}
-</style>