diff --git a/app/src/assets/scss/_layout.scss b/app/src/assets/scss/_layout.scss
index 71b1b0562..116df3405 100644
--- a/app/src/assets/scss/_layout.scss
+++ b/app/src/assets/scss/_layout.scss
@@ -131,11 +131,11 @@
         display: flex;
         align-items: center;
         transition: var(--b3-transition);
-        flex: 1;
         min-height: 42px;
         position: relative;
         max-width: 186px;
         flex-shrink: 0;
+        overflow: hidden;
 
         &:hover:not(.item--focus):not(.item--readonly) .item__text {
           color: var(--b3-theme-on-background);
diff --git a/app/src/layout/Tab.ts b/app/src/layout/Tab.ts
index 87d1ff007..d3ed177ff 100644
--- a/app/src/layout/Tab.ts
+++ b/app/src/layout/Tab.ts
@@ -30,7 +30,7 @@ export class Tab {
             this.headElement = document.createElement("li");
             this.headElement.setAttribute("data-type", "tab-header");
             this.headElement.setAttribute("draggable", "true");
-            this.headElement.setAttribute("style", "flex: 0;width: 0;overflow: hidden");
+            this.headElement.setAttribute("style", "max-width: 0");
             this.headElement.setAttribute("data-id", this.id);
             this.headElement.setAttribute("data-position", "center"); // showTooltip 位置标识
             this.headElement.classList.add("item", "item--focus");
@@ -40,9 +40,7 @@ export class Tab {
             } else if (options.docIcon) {
                 iconHTML = `<span class="item__icon">${unicode2Emoji(options.docIcon)}</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>
+            this.headElement.innerHTML = `${iconHTML}<span class="item__text">${escapeHtml(options.title)}</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/layout/Wnd.ts b/app/src/layout/Wnd.ts
index aa2f84531..55822d9c2 100644
--- a/app/src/layout/Wnd.ts
+++ b/app/src/layout/Wnd.ts
@@ -616,7 +616,7 @@ export class Wnd {
                             this.switchTab(this.children[currentIndex].headElement, true);
                         }
                     }
-                    item.headElement.setAttribute("style", "flex: 0;width: 0;overflow: hidden");
+                    item.headElement.setAttribute("style", "max-width: 0px;");
                     setTimeout(() => {
                         item.headElement.remove();
                     }, Constants.TIMEOUT_TRANSITION);