diff --git a/packages/core/client/src/built-in/pinned-list/PinnedPluginListProvider.tsx b/packages/core/client/src/built-in/pinned-list/PinnedPluginListProvider.tsx
index 542d00669..b114cfe89 100644
--- a/packages/core/client/src/built-in/pinned-list/PinnedPluginListProvider.tsx
+++ b/packages/core/client/src/built-in/pinned-list/PinnedPluginListProvider.tsx
@@ -23,7 +23,7 @@ const useStyles = createStyles(({ css }) => {
       display: inline-block;
       .ant-btn {
         border: 0;
-        height: 46px;
+        height: var(--tb-header-height);
         width: 46px;
         border-radius: 0;
         background: none;
diff --git a/packages/core/client/src/schema-component/antd/menu/Menu.tsx b/packages/core/client/src/schema-component/antd/menu/Menu.tsx
index 32852c8d6..dcb80c5e5 100644
--- a/packages/core/client/src/schema-component/antd/menu/Menu.tsx
+++ b/packages/core/client/src/schema-component/antd/menu/Menu.tsx
@@ -112,7 +112,7 @@ const HeaderMenu = ({
         className={css`
           .iconButton {
             border: 0;
-            height: 46px;
+            height: var(--tb-header-height);
             width: 46px;
             border-radius: 0;
             background: none;
diff --git a/packages/core/client/src/user/CurrentUser.tsx b/packages/core/client/src/user/CurrentUser.tsx
index b2e72ae16..dc7dc1fa9 100644
--- a/packages/core/client/src/user/CurrentUser.tsx
+++ b/packages/core/client/src/user/CurrentUser.tsx
@@ -172,7 +172,7 @@ const useStyles = createStyles(({ css, token }) => {
       display: inline-block;
       vertical-align: top;
       width: 46px;
-      height: 46px;
+      height: var(--tb-header-height);
       &:hover {
         background: rgba(255, 255, 255, 0.1) !important;
       }
@@ -181,11 +181,11 @@ const useStyles = createStyles(({ css, token }) => {
       max-width: 160px;
       overflow: hidden;
       display: inline-block;
-      line-height: 12px;
+      line-height: var(--tb-header-height);
       white-space: nowrap;
       text-overflow: ellipsis;
       cursor: pointer;
-      padding: 16px;
+      padding: 0 16px 16px 16px;
       color: ${token.colorTextHeaderMenu};
     `,
   };
diff --git a/packages/plugins/@hera/plugin-core/src/client/components/system/MobileLink.tsx b/packages/plugins/@hera/plugin-core/src/client/components/system/MobileLink.tsx
index 8ea7ef62d..adc261f2d 100644
--- a/packages/plugins/@hera/plugin-core/src/client/components/system/MobileLink.tsx
+++ b/packages/plugins/@hera/plugin-core/src/client/components/system/MobileLink.tsx
@@ -13,7 +13,7 @@ export const MobileLink = () => {
       className={css`
         .ant-btn {
           border: 0;
-          height: 46px;
+          height: var(--tb-header-height);
           width: 46px;
           border-radius: 0;
           background: none;
diff --git a/packages/plugins/@hera/plugin-core/src/client/components/system/Notifications.tsx b/packages/plugins/@hera/plugin-core/src/client/components/system/Notifications.tsx
index afa908298..2d805ee45 100644
--- a/packages/plugins/@hera/plugin-core/src/client/components/system/Notifications.tsx
+++ b/packages/plugins/@hera/plugin-core/src/client/components/system/Notifications.tsx
@@ -69,7 +69,7 @@ export const Notifications = () => {
       className={css`
         .ant-btn {
           border: 0;
-          height: 46px;
+          height: var(--tb-header-height);
           width: 46px;
           border-radius: 0;
           background: none;
diff --git a/packages/plugins/@hera/plugin-core/src/client/components/system/OnlineUserProvider.tsx b/packages/plugins/@hera/plugin-core/src/client/components/system/OnlineUserProvider.tsx
index d2763097a..7093857ba 100644
--- a/packages/plugins/@hera/plugin-core/src/client/components/system/OnlineUserProvider.tsx
+++ b/packages/plugins/@hera/plugin-core/src/client/components/system/OnlineUserProvider.tsx
@@ -51,7 +51,7 @@ export const OnlineUserDropdown = () => {
       className={css`
         .ant-btn {
           border: 0;
-          height: 46px;
+          height: var(--tb-header-height);
           width: 46px;
           border-radius: 0;
           background: none;