docs-plus
diff --git a/‎packages/webapp/components/TipTap/extentions/ChatCommentExtension.js
Copy file name to clipboardExpand all lines: packages/webapp/components/TipTap/extentions/ChatCommentExtension.js
+9-1Lines changed: 9 additions & 1 deletion b/‎packages/webapp/components/TipTap/extentions/ChatCommentExtension.js
Copy file name to clipboardExpand all lines: packages/webapp/components/TipTap/extentions/ChatCommentExtension.js
+9-1Lines changed: 9 additions & 1 deletion
diff --git a/‎packages/webapp/styles/styles.scss
Copy file name to clipboardExpand all lines: packages/webapp/styles/styles.scss
+11Lines changed: 11 additions & 0 deletions b/‎packages/webapp/styles/styles.scss
Copy file name to clipboardExpand all lines: packages/webapp/styles/styles.scss
+11Lines changed: 11 additions & 0 deletions
@@ -65,7 +65,15 @@ const createChatCommentButton = (view, selection) => {
 
   button.style.top = `${Math.round(adjustedTop)}px`
 
-  button.classList.add('btn', 'btn-circle', 'btn-primary', 'size-12', 'min-h-10', 'shadow-md')
+  button.classList.add(
+    'btn',
+    'btn-circle',
+    'btn-primary',
+    'size-12',
+    'min-h-10',
+    'shadow-md',
+    'z-1'
+  )
 
   view.dom.parentNode.appendChild(button)
 }
 
@@ -276,6 +276,17 @@ $bg-root: #f8f9fa;
       z-index: 1;
       min-width: 100%;
 
+      &::after {
+        content: '';
+        display: block;
+        width: 60px;
+        height: 100%;
+        position: absolute;
+        right: -60px;
+        z-index: -10;
+        top: 0;
+      }
+
       &:hover .btnOpenChatBox {
         visibility: visible;
       }