From 9535927c757fad9c2b9c7b5660448b44c4ffab84 Mon Sep 17 00:00:00 2001
From: Rishabh Negi <rishabhnegi175@gmail.com>
Date: Tue, 3 Mar 2026 17:33:37 +0530
Subject: [PATCH 1/3] Fix hover text containe toolbox hiding its message

---
 .../react/src/views/Message/BubbleVariant/Bubble.styles.js    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/views/Message/BubbleVariant/Bubble.styles.js b/packages/react/src/views/Message/BubbleVariant/Bubble.styles.js
index 3138692604..b98f904be7 100644
--- a/packages/react/src/views/Message/BubbleVariant/Bubble.styles.js
+++ b/packages/react/src/views/Message/BubbleVariant/Bubble.styles.js
@@ -79,7 +79,7 @@ export const getBubbleStyles = (theme) => {
         display: flex;
         position: absolute;
         bottom: calc(100% - 20px);
-        left: calc(100% - 20px);
+        left: calc(100% - 10px);
         z-index: 1101;
       }
     `,
@@ -171,7 +171,7 @@ export const getBubbleStylesMe = (theme) => {
     toolboxContainerMe: css`
       .ec-message-body:hover & {
         left: auto;
-        right: calc(100% - 20px);
+        right: calc(100% - 10px);
       }
     `,
 

From 7a139eb55a0bfdc436f8dd7bce5f29b573d7f260 Mon Sep 17 00:00:00 2001
From: Rishabh Negi <rishabhnegi175@gmail.com>
Date: Tue, 3 Mar 2026 17:37:26 +0530
Subject: [PATCH 2/3] fix: change text toolbox menu label popup to open
 downward

---
 packages/react/src/views/Message/MessageToolbox.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/views/Message/MessageToolbox.js b/packages/react/src/views/Message/MessageToolbox.js
index 75bdc7467d..7ca4fb0654 100644
--- a/packages/react/src/views/Message/MessageToolbox.js
+++ b/packages/react/src/views/Message/MessageToolbox.js
@@ -259,7 +259,7 @@ export const MessageToolbox = ({
             <Menu
               size="small"
               options={menuOptions}
-              tooltip={{ isToolTip: true, position: 'top', text: 'More' }}
+              tooltip={{ isToolTip: true, position: 'bottom', text: 'More' }}
               useWrapper={false}
               style={{ top: 'auto', bottom: `calc(100% + 2px)` }}
             />

From ab56e773ce7fdbc3bf64ca4d6bce3476cfe48554 Mon Sep 17 00:00:00 2001
From: Rishabh Negi <rishabhnegi175@gmail.com>
Date: Tue, 3 Mar 2026 17:45:39 +0530
Subject: [PATCH 3/3] fix: message toolbox hover bridge

---
 packages/react/src/views/Message/Message.styles.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/react/src/views/Message/Message.styles.js b/packages/react/src/views/Message/Message.styles.js
index 5cdf333662..d7ba1711a3 100644
--- a/packages/react/src/views/Message/Message.styles.js
+++ b/packages/react/src/views/Message/Message.styles.js
@@ -350,6 +350,15 @@ export const getMessageToolboxStyles = (theme) => {
       gap: 0.25rem;
       padding: 0.25rem;
       border-radius: ${theme.radius};
+      &::before {
+        content: "";
+        position: absolute;
+        bottom: 100%;
+        left: 0;
+        right: 0;
+        height: 5px;
+        background: transparent;
+      }
     `,
 
     emojiPickerStyles: css`