diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 56f942a26..d4f18183c 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -41,10 +41,6 @@
     .layout-tab-bar {
       background-color: transparent;
       font-size: 87.5%;
-
-      .item {
-        line-height: normal;
-      }
     }
   }
 
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index 44fa9874f..139b9b700 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -208,7 +208,7 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
                 let tabHTML = "";
                 response.data.views.forEach((item: IAVView) => {
                     tabHTML += `<div data-id="${item.id}" class="item${item.id === response.data.viewID ? " item--focus" : ""}">
-    ${item.icon ? unicode2Emoji(item.icon, "item__graphic", true) : '<svg class="item__graphic"><use xlink:href="#iconTable"></use></svg>'}
+    ${item.icon ? unicode2Emoji(item.icon, "item__icon", true) : '<span class="item__icon"><svg><use xlink:href="#iconTable"></use></svg></span>'}
     <span class="item__text">${item.name}</span>
 </div>`;
                 });