diff --git a/src/components/navbar/DefaultNavBar.tsx b/src/components/navbar/DefaultNavBar.tsx
index 5b5221fb..8c68b76f 100644
--- a/src/components/navbar/DefaultNavBar.tsx
+++ b/src/components/navbar/DefaultNavBar.tsx
@@ -146,7 +146,7 @@ export function DefaultNavBar() {
                     <Stack
                         sx={{
                             ml: `${isCollapsed ? navBarWidth : 0}px`,
-                            width: '100%',
+                            width: `calc(100% - ${isCollapsed ? navBarWidth : 0}px)`,
                             flexDirection: 'row',
                             alignItems: 'center',
                         }}