diff --git a/electron/main/window/create.ts b/electron/main/window/create.ts
index b4fcdef1e..c12c4faa1 100644
--- a/electron/main/window/create.ts
+++ b/electron/main/window/create.ts
@@ -8,8 +8,8 @@ import icon from "../../../public/icons/favicon.png?asset";
 const getDefaultOptions = (): BrowserWindowConstructorOptions => ({
   width: 1280,
   height: 800,
-  minWidth: 800,
-  minHeight: 600,
+  minWidth: 1280,
+  minHeight: 800,
   autoHideMenuBar: true,
   show: false,
   backgroundColor: nativeTheme.shouldUseDarkColors ? "#101014" : "#f6f6f6",
diff --git a/src/components/layout/NavHeader.vue b/src/components/layout/NavHeader.vue
index ad7541031..79191d8d9 100644
--- a/src/components/layout/NavHeader.vue
+++ b/src/components/layout/NavHeader.vue
@@ -57,11 +57,11 @@ const onMenuSelect = (key: string): void => {
 </script>
 
 <template>
-  <div class="flex items-center flex-1 h-full app-drag-region">
+  <div class="flex items-center justify-between flex-1 h-full min-w-0 app-drag-region">
     <!-- 左侧 -->
-    <div class="flex items-center gap-3 shrink-0">
+    <div class="flex items-center gap-2 sm:gap-3 min-w-0 shrink-0">
       <SButton
-        class="app-no-drag"
+        class="app-no-drag shrink-0"
         variant="tertiary"
         circle
         :size="40"
@@ -71,7 +71,7 @@ const onMenuSelect = (key: string): void => {
         <template #icon><IconLucideChevronLeft /></template>
       </SButton>
       <SButton
-        class="app-no-drag"
+        class="app-no-drag shrink-0"
         variant="tertiary"
         circle
         :size="40"
@@ -83,7 +83,7 @@ const onMenuSelect = (key: string): void => {
       <NavSearch />
       <SButton
         v-if="update.hasUpdate"
-        class="app-no-drag"
+        class="app-no-drag shrink-0"
         variant="tertiary"
         circle
         :size="40"
@@ -95,13 +95,13 @@ const onMenuSelect = (key: string): void => {
       </SButton>
     </div>
     <!-- 中间 -->
-    <div class="flex-1 h-full" />
+    <div class="flex-1 h-full min-w-4" />
     <!-- 右侧 -->
-    <div class="flex items-center gap-3 shrink-0">
+    <div class="flex items-center gap-2 sm:gap-3 shrink-0">
       <NavUser />
       <SDropdownMenu :items="menuItems" @select="onMenuSelect">
         <template #trigger>
-          <SButton class="app-no-drag" variant="tertiary" circle :size="40">
+          <SButton class="app-no-drag shrink-0" variant="tertiary" circle :size="40">
             <template #icon><IconLucideSettings /></template>
           </SButton>
         </template>
diff --git a/src/components/layout/NavSearch.vue b/src/components/layout/NavSearch.vue
index a857147d9..26d30167a 100644
--- a/src/components/layout/NavSearch.vue
+++ b/src/components/layout/NavSearch.vue
@@ -275,6 +275,7 @@ onMounted(() => {
 </script>
 
 <template>
+  <!-- 搜索框触发器与听歌识曲 -->
   <div class="flex items-center gap-2 shrink-0">
     <div
       role="button"
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 3808e331a..49aea3734 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -114,7 +114,7 @@ const playerBarInnerClass = computed(() => {
 <template>
   <!-- 主界面 -->
   <div
-    class="h-screen flex bg-app text-on-surface transition-[transform,opacity] duration-500 ease-[cubic-bezier(0.7,0,0.3,1)] origin-center"
+    class="h-screen flex overflow-hidden bg-app text-on-surface transition-[transform,opacity] duration-500 ease-[cubic-bezier(0.7,0,0.3,1)] origin-center"
     :class="isPlayerExpanded ? 'scale-95 opacity-0 pointer-events-none' : ''"
   >
     <!-- 侧边栏 -->
diff --git a/src/styles/global.css b/src/styles/global.css
index fecf3e714..4cca9d4a8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -104,6 +104,7 @@ html[data-appearance-style="image"] [role="alertdialog"] .bg-field {
 /* 滚动条 */
 ::-webkit-scrollbar {
   width: 6px;
+  height: 6px;
 }
 
 ::-webkit-scrollbar-track {