From 081b4ab21966ffaf096ba7dd05a53b27eae2838a Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 1 Dec 2023 20:58:53 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/9751

---
 app/src/assets/scss/business/_layout.scss | 1 +
 app/src/protyle/render/av/render.ts       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/src/assets/scss/business/_layout.scss b/app/src/assets/scss/business/_layout.scss
index 51fa60637..f98ecfaa2 100644
--- a/app/src/assets/scss/business/_layout.scss
+++ b/app/src/assets/scss/business/_layout.scss
@@ -298,6 +298,7 @@
           height: 14px;
           width: 14px;
           flex-shrink: 0;
+          line-height: 1em;
         }
 
         &__text {
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index 76b801f7d..0b006d4ab 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__icon", true) : '<span class="item__icon"><svg><use xlink:href="#iconTable"></use></svg></span>'}
+    ${item.icon ? unicode2Emoji(item.icon, "item__graphic", true) : '<svg class="item__graphic"><use xlink:href="#iconTable"></use></svg>'}
     <span class="item__text">${item.name}</span>
 </div>`;
                 });