diff --git a/app/src/assets/scss/component/_dialog.scss b/app/src/assets/scss/component/_dialog.scss
index 957752813..7444c9b04 100644
--- a/app/src/assets/scss/component/_dialog.scss
+++ b/app/src/assets/scss/component/_dialog.scss
@@ -41,7 +41,7 @@
     flex-grow: 0;
     flex-shrink: 0;
     box-sizing: border-box;
-    max-width: 100%;
+    max-width: 88vw;
     transform: scale(.8);
     opacity: 0;
     transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss
index 4a772a9be..f56ae9663 100644
--- a/app/src/assets/scss/mobile.scss
+++ b/app/src/assets/scss/mobile.scss
@@ -483,6 +483,10 @@ html[lang="zh_CN"] .protyle-wysiwyg [data-node-id]:last-child [spellcheck][conte
   opacity: 1;
 }
 
+.b3-dialog__container {
+  max-width: 100vw;
+}
+
 @media (max-width: 620px) {
   .protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"] {
     flex-direction: column;
diff --git a/app/src/dialog/index.ts b/app/src/dialog/index.ts
index 13bc1695a..421b71091 100644
--- a/app/src/dialog/index.ts
+++ b/app/src/dialog/index.ts
@@ -38,7 +38,7 @@ export class Dialog {
         if (!isMobile() && options.positionId) {
             const dialogPosition = window.siyuan.storage[Constants.LOCAL_DIALOGPOSITION][options.positionId];
             if (dialogPosition) {
-                if (dialogPosition.left + dialogPosition.width <= window.innerWidth &&
+                if (dialogPosition.left + dialogPosition.width + 34 <= window.innerWidth &&
                     dialogPosition.top + dialogPosition.height <= window.innerHeight) {
                     left = dialogPosition.left + "px";
                     top = dialogPosition.top + "px";