diff --git a/src/layouts/components/Menu/components/MenuItemTitle.vue b/src/layouts/components/Menu/components/MenuItemTitle.vue
index a3b55580..5fa71c96 100644
--- a/src/layouts/components/Menu/components/MenuItemTitle.vue
+++ b/src/layouts/components/Menu/components/MenuItemTitle.vue
@@ -42,12 +42,12 @@ const iconComponent = computed(() => props.icon?.replace("el-icon-", ""));
   .el-sub-menu,
   .el-menu-item {
     .el-icon {
-      margin: 0 10px;
+      margin: 0 auto;
     }
   }
 
   [class^="i-svg:"] {
-    margin: 0 10px;
+    margin: 0 auto;
   }
 }
 </style>
diff --git a/src/layouts/views/MixLayout.vue b/src/layouts/views/MixLayout.vue
index 9cda8927..1ee93513 100644
--- a/src/layouts/views/MixLayout.vue
+++ b/src/layouts/views/MixLayout.vue
@@ -127,7 +127,6 @@ console.log("🎨 MixLayout rendered");
     &-content {
       display: flex;
       align-items: center;
-      min-width: 768px;
       height: 100%;
       padding: 0;
     }
diff --git a/src/layouts/views/TopLayout.vue b/src/layouts/views/TopLayout.vue
index 57bdd295..a7e82c76 100644
--- a/src/layouts/views/TopLayout.vue
+++ b/src/layouts/views/TopLayout.vue
@@ -57,7 +57,6 @@ const isLogoCollapsed = computed(() => width.value < 768);
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    min-width: 768px; // 设置最小宽度，防止过度压缩
     height: $navbar-height;
     background-color: $menu-background;
     box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
@@ -181,7 +180,6 @@ const isLogoCollapsed = computed(() => width.value < 768);
 @media (max-width: 767px) {
   .layout {
     &__header {
-      min-width: 600px; // 小屏设备的最小宽度
       padding: 0 4px;
     }
   }