diff --git a/packages/nc-gui/components/cell/RichText.vue b/packages/nc-gui/components/cell/RichText.vue
index 205f6f497e..e2016e65b7 100644
--- a/packages/nc-gui/components/cell/RichText.vue
+++ b/packages/nc-gui/components/cell/RichText.vue
@@ -156,7 +156,7 @@ watch(editorDom, () => {
     <EditorContent
       ref="editorDom"
       :editor="editor"
-      class="flex flex-col nc-textarea-rich w-full flex-grow"
+      class="flex flex-col nc-textarea-rich-editor w-full flex-grow"
       :class="{
         'ml-1 mt-2.5': props.fullMode,
       }"
@@ -192,7 +192,7 @@ watch(editorDom, () => {
   }
 }
 
-.nc-textarea-rich {
+.nc-textarea-rich-editor {
   .ProseMirror {
     @apply flex-grow pt-1 border-1 border-gray-200 rounded-lg pr-1 mr-2;
 
diff --git a/packages/nc-gui/components/cell/RichText/SelectedBubbleMenuPopup.vue b/packages/nc-gui/components/cell/RichText/SelectedBubbleMenuPopup.vue
index ee753cd601..63132a18f8 100644
--- a/packages/nc-gui/components/cell/RichText/SelectedBubbleMenuPopup.vue
+++ b/packages/nc-gui/components/cell/RichText/SelectedBubbleMenuPopup.vue
@@ -35,7 +35,7 @@ const handleEditorMouseDown = (e: MouseEvent) => {
   const isBubble = domsInEvent.some((dom) => dom?.classList?.contains('bubble-menu'))
   if (isBubble) return
 
-  const pageContent = document.querySelector('.nc-docs-page-wrapper')
+  const pageContent = document.querySelector('.nc-textarea-rich-editor')
   pageContent?.classList.add('bubble-menu-hidden')
 }
 
@@ -45,7 +45,7 @@ const handleEditorMouseUp = (e: MouseEvent) => {
   if (isBubble) return
 
   setTimeout(() => {
-    const pageContent = document.querySelector('.nc-docs-page-wrapper')
+    const pageContent = document.querySelector('.nc-textarea-rich-editor')
     pageContent?.classList.remove('bubble-menu-hidden')
   }, 100)
 }