diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index 1425d94d1..6a252d2c3 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -245,16 +245,8 @@ progressLoading: 400
   }
 
   #barDock {
-    &:hover .b3-menu {
-      display: block;
-    }
-
-    .b3-menu {
-      display: none;
-
-      &__item:hover {
-        background-color: var(--b3-list-hover);
-      }
+    .b3-menu__item:hover {
+      background-color: var(--b3-list-hover);
     }
   }
 }
diff --git a/app/src/util/onGetConfig.ts b/app/src/util/onGetConfig.ts
index 62b6b01b3..3483832af 100644
--- a/app/src/util/onGetConfig.ts
+++ b/app/src/util/onGetConfig.ts
@@ -166,7 +166,7 @@ const initStatus = () => {
     <svg>
         <use xlink:href="#${window.siyuan.config.uiLayout.hideDock ? "iconDock" : "iconHideDock"}"></use>
     </svg>
-    <div class="b3-menu" style="bottom: 21px;left: 4px">
+    <div class="b3-menu fn__none" style="bottom: 21px;left: 4px">
         ${menuHTML}
     </div>
 </div>
@@ -184,6 +184,13 @@ const initStatus = () => {
 <div id="barHelp" class="toolbar__item b3-tooltips b3-tooltips__nw" aria-label="${window.siyuan.languages.help}">
     <svg><use xlink:href="#iconHelp"></use></svg>
 </div>`;
+    const dockElement = document.getElementById("barDock");
+    dockElement.addEventListener("mouseenter", () => {
+        dockElement.querySelector(".b3-menu").classList.remove("fn__none");
+    });
+    dockElement.addEventListener("mouseleave", () => {
+        dockElement.querySelector(".b3-menu").classList.add("fn__none");
+    });
     document.querySelector("#status").addEventListener("click", (event) => {
         let target = event.target as HTMLElement;
         while (target.id !== "status") {
@@ -209,6 +216,7 @@ const initStatus = () => {
                     }
                 });
                 resizeTabs();
+                target.querySelector(".b3-menu").classList.add("fn__none")
                 event.stopPropagation();
                 break;
             } else if (target.id === "barSync") {
@@ -235,10 +243,7 @@ const initStatus = () => {
                         wysiwygElement.blur();
                     }
                 }
-                target.parentElement.style.display = "none";
-                setTimeout(() => {
-                    target.parentElement.style.display = "";
-                }, Constants.TIMEOUT_BLOCKLOAD);
+                target.parentElement.classList.add("fn__none");
                 event.stopPropagation();
                 break;
             } else if (target.id === "barLock") {