diff --git a/app/src/assets/scss/_layout.scss b/app/src/assets/scss/_layout.scss
index 5c8a3610a..1094eaf43 100644
--- a/app/src/assets/scss/_layout.scss
+++ b/app/src/assets/scss/_layout.scss
@@ -182,10 +182,6 @@
           border-left-color: transparent !important;
           box-shadow: inset 0 -2px 0 0 var(--b3-theme-background-light);
 
-          .item__text::after {
-            background: linear-gradient(90deg, rgba(0, 0, 0, 0.001), var(--b3-theme-background));
-          }
-
           & + .item {
             border-left-color: transparent !important;
           }
@@ -218,10 +214,8 @@
         }
 
         &__text {
-          padding: 4px 0 4px 8px;
           min-width: 56px;
           @include text-clamp(1);
-          flex: 1;
           text-align: center;
           -webkit-font-smoothing: subpixel-antialiased;
           color: var(--b3-theme-on-surface);
diff --git a/app/src/config/bazaar.ts b/app/src/config/bazaar.ts
index 1c56ff8b9..debb62591 100644
--- a/app/src/config/bazaar.ts
+++ b/app/src/config/bazaar.ts
@@ -31,11 +31,11 @@ export const bazaar = {
         const loadingHTML = `<div style="height: ${bazaar.element.clientHeight - 72}px;display: flex;align-items: center;justify-content: center;"><img src="/stage/loading-pure.svg"></div>`;
         return `<div class="fn__flex-column" style="height: 100%">
 <div class="layout-tab-bar fn__flex">
-    <div data-type="theme" class="item item--focus"><span class="item__text">${window.siyuan.languages.theme}</span></div>
-    <div data-type="template" class="item"><span class="item__text">${window.siyuan.languages.template}</span></div>
-    <div data-type="icon" class="item"><span class="item__text">${window.siyuan.languages.icon}</span></div>
-    <div data-type="widget" class="item"><span class="item__text">${window.siyuan.languages.widget}</span></div>
-    <div data-type="downloaded" class="item"><span class="item__text">${window.siyuan.languages.downloaded}</span></div>
+    <div data-type="theme" class="item item--focus"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.theme}</span><span class="fn__flex-1"></span></div>
+    <div data-type="template" class="item"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.template}</span><span class="fn__flex-1"></span></div>
+    <div data-type="icon" class="item"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.icon}</span><span class="fn__flex-1"></span></div>
+    <div data-type="widget" class="item"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.widget}</span><span class="fn__flex-1"></span></div>
+    <div data-type="downloaded" class="item"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.downloaded}</span><span class="fn__flex-1"></span></div>
 </div>
 <div class="fn__flex-1">
     <div data-type="theme" class="bazaarPanel" data-init="true">
diff --git a/app/src/layout/Tab.ts b/app/src/layout/Tab.ts
index 04af60fe5..87d1ff007 100644
--- a/app/src/layout/Tab.ts
+++ b/app/src/layout/Tab.ts
@@ -40,7 +40,9 @@ export class Tab {
             } else if (options.docIcon) {
                 iconHTML = `<span class="item__icon">${unicode2Emoji(options.docIcon)}</span>`;
             }
-            this.headElement.innerHTML = `${iconHTML}<span class="item__text">${escapeHtml(options.title)}</span>
+            this.headElement.innerHTML = `<span class="fn__flex-1"></span>
+${iconHTML}<span class="item__text">${escapeHtml(options.title)}</span>
+<span class="fn__flex-1"></span>
 <span class="item__close"><svg><use xlink:href='#iconClose'></use></svg></span>`;
             this.headElement.addEventListener("mouseenter", (event) => {
                 event.stopPropagation();
diff --git a/app/src/util/history.ts b/app/src/util/history.ts
index 498ff5a81..e7f26c24e 100644
--- a/app/src/util/history.ts
+++ b/app/src/util/history.ts
@@ -222,9 +222,9 @@ export const openHistory = () => {
     const dialog = new Dialog({
         content: `<div class="fn__flex-column" style="height: 100%;">
     <div class="layout-tab-bar fn__flex" style="border-radius: 4px 4px 0 0">
-        <div data-type="doc" class="item item--focus"><span class="item__text">${window.siyuan.languages.fileHistory}</span></div>
-        <div data-type="notebook" class="item"><span class="item__text">${window.siyuan.languages.removedNotebook}</span></div>
-        <div data-type="repo" class="item"><span class="item__text">${window.siyuan.languages.dataSnapshot}</span></div>
+        <div data-type="doc" class="item item--focus"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.fileHistory}</span><span class="fn__flex-1"></span></div>
+        <div data-type="notebook" class="item"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.removedNotebook}</span><span class="fn__flex-1"></span></div>
+        <div data-type="repo" class="item"><span class="fn__flex-1"></span><span class="item__text">${window.siyuan.languages.dataSnapshot}</span><span class="fn__flex-1"></span></div>
     </div>
     <div class="fn__flex-1 fn__flex" id="historyContainer">
         <div data-type="doc" class="history__repo fn__block" data-init="true">