From 9c5ee5940d3512f4d23a0b054b8a1aa5544983f5 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Fri, 29 Nov 2024 16:29:04 +0530
Subject: [PATCH] feat: add padding for right message

---
 .../dashboard/components-next/message/Message.vue     | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/javascript/dashboard/components-next/message/Message.vue b/app/javascript/dashboard/components-next/message/Message.vue
index 78f6cb0a6..4b8c5138d 100644
--- a/app/javascript/dashboard/components-next/message/Message.vue
+++ b/app/javascript/dashboard/components-next/message/Message.vue
@@ -265,11 +265,14 @@ provideMessageContext({
       >
         <Avatar :name="sender ? sender.name : ''" src="" :size="24" />
       </div>
-      <Component
-        :is="componentToRender"
-        v-bind="props"
+      <div
         class="[grid-area:bubble]"
-      />
+        :class="{
+          'pl-9': ORIENTATION.RIGHT === orientation,
+        }"
+      >
+        <Component :is="componentToRender" v-bind="props" />
+      </div>
       <MessageError
         v-if="contentAttributes.externalError"
         class="[grid-area:meta]"