diff --git a/frontend/src/layout/components/Topbar.vue b/frontend/src/layout/components/Topbar.vue
index 56993f6b4a..8826e2dfef 100644
--- a/frontend/src/layout/components/Topbar.vue
+++ b/frontend/src/layout/components/Topbar.vue
@@ -9,7 +9,7 @@
       :active-text-color="variables.topMenuActiveText"
       :default-active="activeMenu"
       mode="horizontal"
-      :style="{'background-color': '#f1f3f8'}"
+      :style="{'background-color': '#f1f3f8', 'margin-left': '260px', 'position': 'absolute'}"
       @select="handleSelect"
     >
       <div v-for="item in permission_routes" :key="item.path" class="nav-item">
diff --git a/frontend/src/layout/index.vue b/frontend/src/layout/index.vue
index 87884310d7..0ff45e8d3a 100644
--- a/frontend/src/layout/index.vue
+++ b/frontend/src/layout/index.vue
@@ -4,7 +4,7 @@
     <topbar />
 
     <de-container style="padding-top: 56px;">
-      <de-aside-container v-if="!sidebar.hide">
+      <de-aside-container v-if="!sidebar.hide" class="le-aside-container">
         <sidebar class="sidebar-container" />
       </de-aside-container>
 
@@ -116,4 +116,10 @@ export default {
   .la-main-container {
       padding: 0px !important;
   }
+  .le-aside-container {
+      .sidebar-container {
+        width: 100% !important;
+        position: initial !important;
+      }
+  }
 </style>