From deb45135849d069acb3d23f1bf01289fa2ed3a3f Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Date: Tue, 13 Jul 2021 12:00:29 +0530
Subject: [PATCH] bug: Fixes alignment issue with deleted messages (#2613)

---
 .../widgets/conversation/Message.vue          | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue
index 3ea6ad1f7..1fce9bccf 100644
--- a/app/javascript/dashboard/components/widgets/conversation/Message.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue
@@ -61,15 +61,17 @@
         </div>
       </a>
     </div>
-    <context-menu
-      v-if="isBubble && !isMessageDeleted"
-      :is-open="showContextMenu"
-      :show-copy="hasText"
-      :menu-position="contextMenuPosition"
-      @toggle="handleContextMenuClick"
-      @delete="handleDelete"
-      @copy="handleCopy"
-    />
+    <div class="context-menu-wrap">
+      <context-menu
+        v-if="isBubble && !isMessageDeleted"
+        :is-open="showContextMenu"
+        :show-copy="hasText"
+        :menu-position="contextMenuPosition"
+        @toggle="handleContextMenuClick"
+        @delete="handleDelete"
+        @copy="handleCopy"
+      />
+    </div>
   </li>
 </template>
 <script>
@@ -371,7 +373,7 @@ li.left.has-tweet-menu .context-menu {
   margin-bottom: var(--space-medium);
 }
 
-li.right .context-menu {
+li.right .context-menu-wrap {
   margin-left: auto;
 }