diff --git a/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue b/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue
index f8f9b885..39730c56 100644
--- a/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue
+++ b/src/layout/components/Sidebar/components/SidebarMenuItemTitle.vue
@@ -47,7 +47,8 @@ const renderIcon = (iconName: string) => {
 .hideSidebar {
   .el-sub-menu,
   .el-menu-item {
-    .svg-icon {
+    .svg-icon,
+    .sub-el-icon {
       margin-left: 20px;
     }
   }
diff --git a/src/layout/index.vue b/src/layout/index.vue
index d9b89f67..22eba637 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -294,9 +294,18 @@ function toggleSidebar() {
 .layout-left.hideSidebar {
   .sidebar-container {
     width: $sidebar-width-collapsed !important;
-    pointer-events: none;
-    transition-duration: 0.3s;
-    transform: translate3d(-210px, 0, 0);
+  }
+
+  .main-container {
+    margin-left: $sidebar-width-collapsed;
+  }
+
+  &.mobile {
+    .sidebar-container {
+      pointer-events: none;
+      transition-duration: 0.3s;
+      transform: translate3d(-210px, 0, 0);
+    }
   }
 }