diff --git a/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue b/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue
index 3db571b1..ea3a20bc 100644
--- a/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue
+++ b/ui/dasadmin/src/layouts/backend/components/navBar/classic.vue
@@ -83,6 +83,7 @@ const onMenuCollapse = () => {
     :deep(.nav-tabs) {
         display: flex;
         height: 100%;
+        width: 100%;
         position: relative;
         background-color: #ffffff;
         margin-right: 0px !important;
diff --git a/ui/dasadmin/src/utils/layout.ts b/ui/dasadmin/src/utils/layout.ts
index cb832903..38b1f39e 100644
--- a/ui/dasadmin/src/utils/layout.ts
+++ b/ui/dasadmin/src/utils/layout.ts
@@ -34,12 +34,12 @@ export function mainHeight(extra = 0): CSSProperties {
  * @returns
  */
 export function setNavTabsWidth() {
-    const navTabs = document.querySelector('.nav-tabs') as HTMLElement
-    if (!navTabs) {
-        return
-    }
-    const navBar = document.querySelector('.nav-bar') as HTMLElement
-    const navMenus = document.querySelector('.nav-menus') as HTMLElement
-    const minWidth = navBar.offsetWidth - (navMenus.offsetWidth + 20)
-    navTabs.style.width = minWidth.toString() + 'px'
+    // const navTabs = document.querySelector('.nav-tabs') as HTMLElement
+    // if (!navTabs) {
+    //     return
+    // }
+    // const navBar = document.querySelector('.nav-bar') as HTMLElement
+    // const navMenus = document.querySelector('.nav-menus') as HTMLElement
+    // const minWidth = navBar.offsetWidth - (navMenus.offsetWidth + 20)
+    // navTabs.style.width = minWidth.toString() + 'px'
 }