diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
index e0b92aaf1..7c453faf2 100644
--- a/app/src/assets/scss/protyle/_wysiwyg.scss
+++ b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -193,6 +193,27 @@
       }
     }
 
+    &[style*="direction: rtl"] {
+      .li > .protyle-action,
+      & > .protyle-action {
+        right: 0;
+        left: auto;
+        direction: rtl;
+      }
+
+      .li > [data-node-id],
+      & > [data-node-id] {
+        margin-right: 34px;
+        margin-left: 0;
+      }
+
+      .li::before,
+      &::before {
+        right: 17px;
+        left: auto;
+      }
+    }
+
     &.sb {
       display: flex;
       flex-direction: column;
diff --git a/app/src/protyle/gutter/index.ts b/app/src/protyle/gutter/index.ts
index b645eebf0..986475525 100644
--- a/app/src/protyle/gutter/index.ts
+++ b/app/src/protyle/gutter/index.ts
@@ -2447,8 +2447,11 @@ data-type="fold" style="cursor:inherit;"><svg style="width: 10px${fold && fold =
         let rect = element.getBoundingClientRect();
         let marginHeight = 0;
         if (listItem && !window.siyuan.config.editor.rtl) {
-            rect = listItem.firstElementChild.getBoundingClientRect();
-            space = 0;
+            const relTempRect = listItem.firstElementChild.getBoundingClientRect();
+            if (relTempRect.right <= rect.right) {
+                rect = relTempRect
+                space = 0;
+            }
         } else if (nodeElement.getAttribute("data-type") === "NodeBlockQueryEmbed") {
             rect = nodeElement.getBoundingClientRect();
             space = 0;