diff --git a/src/layout/components/lay-tag/index.scss b/src/layout/components/lay-tag/index.scss
index e3996803c..d5418038c 100644
--- a/src/layout/components/lay-tag/index.scss
+++ b/src/layout/components/lay-tag/index.scss
@@ -321,10 +321,9 @@
 
   .chrome-tab-divider {
     position: absolute;
-    right: 7px;
+    left: 7px;
     width: 1px;
     height: 14px;
-    background-color: #2b2d2f;
   }
 
   &:hover {
diff --git a/src/layout/components/lay-tag/index.vue b/src/layout/components/lay-tag/index.vue
index 88a222584..9409fb427 100644
--- a/src/layout/components/lay-tag/index.vue
+++ b/src/layout/components/lay-tag/index.vue
@@ -618,6 +618,10 @@ onBeforeUnmount(() => {
             />
           </template>
           <div v-else class="chrome-tab">
+            <span
+              v-if="index !== 0 && index !== activeIndex"
+              class="chrome-tab-divider bg-[#e2e2e2] dark:bg-[#2d2d2d]"
+            />
             <div class="chrome-tab__bg">
               <TagChrome />
             </div>
@@ -631,7 +635,6 @@ onBeforeUnmount(() => {
             >
               <IconifyIconOffline :icon="Close" />
             </span>
-            <span class="chrome-tab-divider" />
           </div>
         </div>
       </div>