diff --git a/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue b/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue
index ac79cfe..74862d8 100644
--- a/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue
+++ b/blossom-editor/src/renderer/src/views/article/ArticleTreeDocs.vue
@@ -66,9 +66,9 @@
       @nodeCollapse="handleNodeCollapse"
       @nodeDrop="handleDrop">
       <template #default="{ node, data }">
+        <div v-if="isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
         <div class="menu-item-wrapper" :id="'article-doc-wrapper-' + data.i" @click.right="handleClickRightMenu($event, data)">
           <div :class="[viewStyle.isShowSubjectStyle ? (data.t?.includes('subject') ? 'subject-title' : 'doc-title') : 'doc-title']">
-            <div v-if="isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
             <div class="doc-name">
               <img class="menu-icon-img" v-if="isShowImg(data, viewStyle)" :src="data.icon" />
               <svg v-else-if="isShowSvg(data, viewStyle)" class="icon menu-icon" aria-hidden="true">
diff --git a/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss b/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss
index 063a125..9d2457e 100644
--- a/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss
+++ b/blossom-editor/src/renderer/src/views/doc/doc-tree-detail.scss
@@ -3,7 +3,6 @@ $icon-size: 17px;
 .doc-title {
   @include flex(row, flex-start, flex-start);
   width: 100%;
-  position: relative;
   padding: 1px 0;
 
   .doc-name {
@@ -73,9 +72,9 @@ $icon-size: 17px;
 .sort-tag {
   font-size: 12px;
   color: #fff;
-  border-radius: 4px;
   padding: 0 2px;
   margin-top: 3px;
+  border-radius: 4px;
   position: absolute;
   right: 3px;
   top: 2px;
diff --git a/blossom-editor/src/renderer/src/views/doc/doc-tree.scss b/blossom-editor/src/renderer/src/views/doc/doc-tree.scss
index f2652e6..8f7b64e 100644
--- a/blossom-editor/src/renderer/src/views/doc/doc-tree.scss
+++ b/blossom-editor/src/renderer/src/views/doc/doc-tree.scss
@@ -155,6 +155,7 @@
 
     :deep(.el-tree-node__content) {
       height: auto;
+      position: relative;
 
       &:hover {
         border-radius: 5px;
diff --git a/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue b/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue
index 277b81d..e6f724b 100644
--- a/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue
+++ b/blossom-editor/src/renderer/src/views/picture/PictureTreeDocs.vue
@@ -58,10 +58,10 @@
       @nodeCollapse="handleNodeCollapse"
       @nodeDrop="handleDrop">
       <template #default="{ node, data }">
+        <div v-if="data.ty !== 11 && isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
         <div v-if="data.ty === 11" class="menu-divider"></div>
         <div v-else class="menu-item-wrapper" @click.right="handleClickRightMenu($event, data)">
           <div class="doc-title">
-            <div v-if="isShowSort" class="sort-tag" :style="{ backgroundColor: getColor(node) }">{{ data.s }}</div>
             <div class="doc-name">
               <img class="menu-icon-img" v-if="isShowImg(data, viewStyle)" :src="data.icon" />
               <svg v-else-if="isShowSvg(data, viewStyle)" class="icon menu-icon" aria-hidden="true">