diff --git a/src/@layouts/components/TransitionExpand.vue b/src/@layouts/components/TransitionExpand.vue
index 070a2df2..6d1e122e 100644
--- a/src/@layouts/components/TransitionExpand.vue
+++ b/src/@layouts/components/TransitionExpand.vue
@@ -116,7 +116,7 @@ export default defineComponent({
 
   .layout-navbar {
     position: fixed;
-    width: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
+    width: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
     z-index: variables.$layout-vertical-nav-layout-navbar-z-index;
     inset-block-start: 0;
 
diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue
index ca88145d..6315c497 100644
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -178,7 +178,7 @@ export default defineComponent({
   }
 
   &:not(.layout-overlay-nav) .layout-content-wrapper {
-    padding-inline-start: calc(variables.$layout-vertical-nav-width + 8px);
+    padding-inline-start: calc(variables.$layout-vertical-nav-width + 0.5rem);
   }
 
   // Adjust right column pl when vertical nav is collapsed
@@ -210,8 +210,8 @@ export default defineComponent({
 
 .layout-wrapper.layout-nav-type-vertical.layout-overlay-nav {
   .layout-navbar {
-    inline-size: calc(100% - 0px);
-    margin-inline-start: 8px;
+    inline-size: calc(100% - 0.5rem);
+    margin-inline-start: 0.5rem;
     padding-inline-start: 0;
   }
 }
diff --git a/src/@layouts/styles/_default-layout.scss b/src/@layouts/styles/_default-layout.scss
index b0164108..b5f36ec3 100644
--- a/src/@layouts/styles/_default-layout.scss
+++ b/src/@layouts/styles/_default-layout.scss
@@ -51,7 +51,7 @@ body,
     & > div:first-child {
       position: relative;
       flex: auto;
-      inline-size: calc(100vw - variables.$layout-vertical-nav-width - 0.5rem);
+      inline-size: calc(100vw - variables.$layout-vertical-nav-width - 1rem);
     }
   }
 }