diff --git a/web/settings/theme.json b/web/settings/theme.json
index 4380f3f2..2187b6a5 100644
--- a/web/settings/theme.json
+++ b/web/settings/theme.json
@@ -2,7 +2,7 @@
   "isMobile": false,
   "darkMode": false,
   "sider": {
-    "width": 220,
+    "width": 160,
     "collapsedWidth": 64,
     "collapsed": false
   },
diff --git a/web/src/layout/sidebar/components/SideLogo.vue b/web/src/layout/sidebar/components/SideLogo.vue
index 75920c18..fd5e2b8a 100644
--- a/web/src/layout/sidebar/components/SideLogo.vue
+++ b/web/src/layout/sidebar/components/SideLogo.vue
@@ -8,10 +8,10 @@ const themeStore = useThemeStore()
 
 <template>
   <router-link class="h-60 f-c-c" to="/">
-    <n-image :src="logo" height="42" preview-disabled />
+    <n-image :src="logo" height="32" preview-disabled />
     <h2
       v-show="!themeStore.sider.collapsed"
-      class="ml-20 max-w-140 flex-shrink-0 text-18 font-bold"
+      class="ml-10 max-w-140 flex-shrink-0 text-18 font-bold"
     >
       {{ title }}
     </h2>
diff --git a/web/src/store/modules/theme/helpers.ts b/web/src/store/modules/theme/helpers.ts
index 73b79d68..10e24aaf 100644
--- a/web/src/store/modules/theme/helpers.ts
+++ b/web/src/store/modules/theme/helpers.ts
@@ -17,7 +17,7 @@ export function defaultSettings(): Theme.Setting {
   const isMobile = themeSetting.isMobile || false
   const darkMode = themeSetting.darkMode || false
   const sider = themeSetting.sider || {
-    width: 220,
+    width: 160,
     collapsedWidth: 64,
     collapsed: false
   }