diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index 7e3c5b12a..7fe4e969b 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -514,6 +514,10 @@
   &-scroll {
     right: 0;
   }
+
+  &-hint {
+    min-width: 100vw;
+  }
 }
 
 .b3-dialog__container {
diff --git a/app/src/protyle/hint/index.ts b/app/src/protyle/hint/index.ts
index 4d7b4364b..6d9d3f9b6 100644
--- a/app/src/protyle/hint/index.ts
+++ b/app/src/protyle/hint/index.ts
@@ -275,11 +275,19 @@ ${unicode2Emoji(emoji.unicode)}</button>`;
             const cellElement = hasClosestByClassName(protyle.toolbar.range.startContainer, "av__cell");
             if (cellElement) {
                 const cellRect = cellElement.getBoundingClientRect();
+                /// #if !MOBILE
                 setPosition(this.element, cellRect.left, cellRect.bottom, cellRect.height);
+                /// #else
+                setPosition(this.element, 0, 0);
+                /// #endif
             }
         } else {
             const textareaPosition = getSelectionPosition(protyle.wysiwyg.element);
+            /// #if !MOBILE
             setPosition(this.element, textareaPosition.left, textareaPosition.top + 26, 30);
+            /// #else
+            setPosition(this.element, 0, 0);
+            /// #endif
         }
         this.element.scrollTop = 0;
         this.bindUploadEvent(protyle, this.element);