diff --git a/app/electron/main.js b/app/electron/main.js
index 69a7a0b8f..171e58160 100644
--- a/app/electron/main.js
+++ b/app/electron/main.js
@@ -181,7 +181,7 @@ const boot = () => {
     y,
     fullscreenable: true,
     fullscreen: windowState.fullscreen,
-    trafficLightPosition: {x: 13, y: 13},
+    trafficLightPosition: {x: 8, y: 8},
     webPreferences: {
       nodeIntegration: true,
       nativeWindowOpen: true,
diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index a7af84545..227b7b100 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -99,8 +99,7 @@ progressLoading: 400
   border-radius: 0;
 
   & > .protyle-breadcrumb {
-    padding-left: 84px;
-    height: 42px;
+    padding-left: 69px;
   }
 }
 
@@ -161,9 +160,9 @@ progressLoading: 400
 .toolbar {
   background-color: var(--b3-toolbar-background);
   box-sizing: border-box;
-  height: 42px;
-  line-height: 22px;
-  padding-left: 84px;
+  height: 32px;
+  line-height: 32px;
+  padding-left: 69px;
   border-bottom: .5px solid var(--b3-border-color);
 
   &--browser {
@@ -183,7 +182,6 @@ progressLoading: 400
 
   #drag {
     -webkit-app-region: drag;
-    font-size: 14px;
     color: var(--b3-toolbar-color);
     user-select: none;
     text-align: center;
@@ -195,7 +193,7 @@ progressLoading: 400
     flex-shrink: 0;
     cursor: pointer;
     color: var(--b3-toolbar-color);
-    padding: 12px;
+    padding: 9px;
     box-sizing: border-box;
     transition: var(--b3-transition);
     display: flex;
@@ -210,8 +208,8 @@ progressLoading: 400
     }
 
     svg {
-      height: 18px;
-      width: 18px;
+      height: 14px;
+      width: 14px;
     }
 
     &--disabled,
@@ -221,10 +219,8 @@ progressLoading: 400
     }
 
     &--close {
-      padding: 16px 12px;
-
       svg {
-        height: 10px;
+        width: 10px !important;
       }
 
       &:hover {
@@ -238,19 +234,13 @@ progressLoading: 400
 .status {
   background-color: var(--b3-theme-surface);
   box-sizing: border-box;
+  z-index: 2;
   height: 32px;
   line-height: 32px;
-  z-index: 2;
   border-top: .5px solid var(--b3-border-color);
 
   .toolbar__item {
-    padding: 9px;
     color: var(--b3-theme-on-surface);
-
-    svg {
-      height: 14px;
-      width: 14px;
-    }
   }
 
   &__msg {
diff --git a/app/src/util/onGetConfig.ts b/app/src/util/onGetConfig.ts
index f58f6fa09..51152b641 100644
--- a/app/src/util/onGetConfig.ts
+++ b/app/src/util/onGetConfig.ts
@@ -171,16 +171,16 @@ const initBar = () => {
     <svg><use xlink:href="#iconCalendar"></use></svg>
 </div>
 <div class="fn__flex-1 fn__ellipsis" id="drag"><span class="fn__none">开发版，使用前请进行备份 Development version, please backup before use</span></div>
-<div id="barSearch" class="toolbar__item b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.globalSearch} ${updateHotkeyTip(window.siyuan.config.keymap.general.globalSearch.custom)}">
+<div id="barSearch" class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.globalSearch} ${updateHotkeyTip(window.siyuan.config.keymap.general.globalSearch.custom)}">
     <svg><use xlink:href="#iconSearch"></use></svg>
 </div>
-<div id="barReadonly" class="toolbar__item b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.use} ${window.siyuan.config.editor.readOnly ? window.siyuan.languages.editMode : window.siyuan.languages.editReadonly}">
+<div id="barReadonly" class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.use} ${window.siyuan.config.editor.readOnly ? window.siyuan.languages.editMode : window.siyuan.languages.editReadonly}">
     <svg><use xlink:href="#icon${window.siyuan.config.editor.readOnly ? "Preview" : "Edit"}"></use></svg>
 </div>
-<div id="barMode" class="toolbar__item b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.appearanceMode}">
+<div id="barMode" class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.appearanceMode}">
     <svg><use xlink:href="#icon${window.siyuan.config.appearance.modeOS ? "Mode" : (window.siyuan.config.appearance.mode === 0 ? "Light" : "Dark")}"></use></svg>
 </div>
-<div id="barSetting" class="toolbar__item b3-tooltips b3-tooltips__se${window.siyuan.config.readonly ? " fn__none" : ""}" aria-label="${window.siyuan.languages.config} ${updateHotkeyTip(window.siyuan.config.keymap.general.config.custom)}">
+<div id="barSetting" class="toolbar__item b3-tooltips b3-tooltips__sw${window.siyuan.config.readonly ? " fn__none" : ""}" aria-label="${window.siyuan.languages.config} ${updateHotkeyTip(window.siyuan.config.keymap.general.config.custom)}">
     <svg><use xlink:href="#iconSettings"></use></svg>
 </div>
 <div class="fn__flex" id="windowControls"></div>`;