diff --git a/app/src/boot/globalEvent/event.ts b/app/src/boot/globalEvent/event.ts
index 209d0fc9b..29ed536e9 100644
--- a/app/src/boot/globalEvent/event.ts
+++ b/app/src/boot/globalEvent/event.ts
@@ -80,7 +80,7 @@ export const initWindowEvent = (app: App) => {
         if (scrollTarget && scrollElement) {
             if ((event.dataTransfer.types.includes(Constants.SIYUAN_DROP_FILE) && hasClosestByClassName(event.target, "layout-tab-bar")) ||
                 (event.dataTransfer.types.includes("Files") && scrollTarget.classList.contains("sy__file")) ||
-                (scrollTarget.classList.contains("protyle") && hasClosestByClassName(event.target, "file-tree"))) {
+                (scrollTarget.classList.contains("protyle") && hasClosestByClassName(event.target, "dockPanel"))) {
                 stopScrollAnimation();
             } else {
                 dragOverScroll(event, scrollElement.getBoundingClientRect(), scrollElement);
diff --git a/app/src/layout/dock/Backlink.ts b/app/src/layout/dock/Backlink.ts
index 9775a4fb5..8841befdc 100644
--- a/app/src/layout/dock/Backlink.ts
+++ b/app/src/layout/dock/Backlink.ts
@@ -79,7 +79,7 @@ export class Backlink extends Model {
         this.rootId = options.rootId;
         this.type = options.type;
         this.element = options.tab.panelElement;
-        this.element.classList.add("fn__flex-column", "file-tree", "sy__backlink");
+        this.element.classList.add("fn__flex-column", "file-tree", "sy__backlink", "dockPanel");
         const backlinkSort = window.siyuan.config.editor.backlinkSort;
         const backmentionSort = window.siyuan.config.editor.backmentionSort;
         this.element.innerHTML = `<div class="block__icons">
diff --git a/app/src/layout/dock/Bookmark.ts b/app/src/layout/dock/Bookmark.ts
index f027a2541..d33891210 100644
--- a/app/src/layout/dock/Bookmark.ts
+++ b/app/src/layout/dock/Bookmark.ts
@@ -53,7 +53,7 @@ export class Bookmark extends Model {
             }
         });
         this.element = tab.panelElement;
-        this.element.classList.add("fn__flex-column", "file-tree", "sy__bookmark");
+        this.element.classList.add("fn__flex-column", "file-tree", "sy__bookmark", "dockPanel");
         this.element.innerHTML = `<div class="block__icons">
     <div class="block__logo">
         <svg class="block__logoicon"><use xlink:href="#iconBookmark"></use></svg>${window.siyuan.languages.bookmark}
diff --git a/app/src/layout/dock/Files.ts b/app/src/layout/dock/Files.ts
index 857b5da6e..7401a6cac 100644
--- a/app/src/layout/dock/Files.ts
+++ b/app/src/layout/dock/Files.ts
@@ -110,7 +110,7 @@ export class Files extends Model {
                 }
             },
         });
-        options.tab.panelElement.classList.add("fn__flex-column", "file-tree", "sy__file");
+        options.tab.panelElement.classList.add("fn__flex-column", "file-tree", "sy__file", "dockPanel");
         options.tab.panelElement.innerHTML = `<div class="block__icons">
     <div class="block__logo">
         <svg class="block__logoicon"><use xlink:href="#iconFiles"></use></svg>${window.siyuan.languages.fileTree}
diff --git a/app/src/layout/dock/Graph.ts b/app/src/layout/dock/Graph.ts
index fbbcde5a0..d1e15f0ec 100644
--- a/app/src/layout/dock/Graph.ts
+++ b/app/src/layout/dock/Graph.ts
@@ -88,7 +88,7 @@ export class Graph extends Model {
         this.rootId = options.rootId;
         this.type = options.type;
 
-        this.element.classList.add("graph", "file-tree", this.type === "global" ? "sy__globalGraph" : "sy__graph");
+        this.element.classList.add("graph", "file-tree", this.type === "global" ? "sy__globalGraph" : "sy__graph", "dockPanel");
         let panelHTML;
         if (this.type === "global") {
             panelHTML = `
diff --git a/app/src/layout/dock/Inbox.ts b/app/src/layout/dock/Inbox.ts
index fd16e9df5..009301f85 100644
--- a/app/src/layout/dock/Inbox.ts
+++ b/app/src/layout/dock/Inbox.ts
@@ -52,7 +52,7 @@ export class Inbox extends Model {
 <div class="fn__flex-1 fn__none inboxDetails fn__flex-column" style="min-height: auto;background-color: var(--b3-theme-background)"></div>
 <div class="fn__flex-1"></div>`;
         /// #else
-        this.element.classList.add("fn__flex-column", "file-tree", "sy__inbox");
+        this.element.classList.add("fn__flex-column", "file-tree", "sy__inbox", "dockPanel");
         this.element.innerHTML = `<div class="block__icons">
     <div class="block__logo">
         <svg class="block__logoicon"><use xlink:href="#iconInbox"></use></svg>${window.siyuan.languages.inbox}&nbsp;
diff --git a/app/src/layout/dock/Outline.ts b/app/src/layout/dock/Outline.ts
index 088439b18..5fd141fd6 100644
--- a/app/src/layout/dock/Outline.ts
+++ b/app/src/layout/dock/Outline.ts
@@ -94,7 +94,7 @@ export class Outline extends Model {
         this.isPreview = options.isPreview;
         this.blockId = options.blockId;
         this.type = options.type;
-        options.tab.panelElement.classList.add("fn__flex-column", "file-tree", "sy__outline");
+        options.tab.panelElement.classList.add("fn__flex-column", "file-tree", "sy__outline", "dockPanel");
         options.tab.panelElement.innerHTML = `<div class="block__icons fn__hidescrollbar">
     <div class="block__logo">
         <svg class="block__logoicon"><use xlink:href="#iconAlignCenter"></use></svg>${window.siyuan.languages.outline}
diff --git a/app/src/layout/dock/Tag.ts b/app/src/layout/dock/Tag.ts
index a691e56e4..ab9b8b625 100644
--- a/app/src/layout/dock/Tag.ts
+++ b/app/src/layout/dock/Tag.ts
@@ -50,7 +50,7 @@ export class Tag extends Model {
         });
 
         this.element = tab.panelElement;
-        this.element.classList.add("fn__flex-column", "file-tree", "sy__tag");
+        this.element.classList.add("fn__flex-column", "file-tree", "sy__tag", "dockPanel");
 
         this.element.innerHTML = `<div class="block__icons">
     <div class="block__logo">
diff --git a/app/src/plugin/index.ts b/app/src/plugin/index.ts
index 4b4676d76..d1cb0c3e6 100644
--- a/app/src/plugin/index.ts
+++ b/app/src/plugin/index.ts
@@ -426,7 +426,7 @@ export class Plugin {
                         getDockByType(type2).toggleModel(type2);
                     }
                 });
-                customObj.element.classList.add("sy__" + type2);
+                customObj.element.classList.add("sy__" + type2, "dockPanel");
                 return customObj;
             }
             /// #endif