diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 2ef44abf4..a91898ff7 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -156,13 +156,17 @@
         align-self: center;
         opacity: 1;
       }
-    }
 
-    .b3-menu__item:not([data-type="nobg"]):hover {
-      background-color: var(--b3-list-hover);
+      &__label {
+        overflow: hidden;
+      }
 
-      .b3-menu__action {
-        opacity: 1;
+      &__item:not([data-type="nobg"]):hover {
+        background-color: var(--b3-list-hover);
+
+        .b3-menu__action {
+          opacity: 1;
+        }
       }
     }
   }
diff --git a/app/src/protyle/render/av/openMenuPanel.ts b/app/src/protyle/render/av/openMenuPanel.ts
index e7d1dcbc8..f8f846a99 100644
--- a/app/src/protyle/render/av/openMenuPanel.ts
+++ b/app/src/protyle/render/av/openMenuPanel.ts
@@ -219,6 +219,14 @@ const getSortsHTML = (data: IAV, tabRect: DOMRect) => {
     });
     return `<div class="b3-dialog__scrim" data-type="close"></div>
  <div class="b3-menu" style="right:${window.innerWidth - tabRect.right}px;top:${tabRect.bottom}px">
+    <button class="b3-menu__item" data-type="nobg">
+        <span class="block__icon" style="padding: 8px;margin-left: -4px;" data-type="goConfig">
+            <svg><use xlink:href="#iconLeft"></use></svg>
+        </span>
+        <span class="b3-menu__label ft__center">${window.siyuan.languages.sort}</span>
+        <svg class="b3-menu__action" data-type="close" style="opacity: 1"><use xlink:href="#iconCloseRound"></use></svg>
+    </button>
+    <button class="b3-menu__separator"></button>
     ${html}
     <button class="b3-menu__item" data-type="addSort">
         <svg class="b3-menu__icon"><use xlink:href="#iconAdd"></use></svg>