diff --git a/apps/web/src/app.css b/apps/web/src/app.css
index 719f9ac15..ebe0c372b 100644
--- a/apps/web/src/app.css
+++ b/apps/web/src/app.css
@@ -1,6 +1,7 @@
 .tabsScroll,
 .titlebarLogo,
 .theme-scope-titleBar,
+.navigation-menu-header,
 .route-container-header {
   -webkit-app-region: drag;
 }
diff --git a/apps/web/src/components/navigation-menu/index.tsx b/apps/web/src/components/navigation-menu/index.tsx
index 1056d733e..6ffecaabf 100644
--- a/apps/web/src/components/navigation-menu/index.tsx
+++ b/apps/web/src/components/navigation-menu/index.tsx
@@ -272,7 +272,9 @@ function NavigationMenu({ onExpand }: { onExpand?: () => void }) {
           }}
         >
           <Flex
+            className="navigation-menu-header"
             sx={{
+              flex: 1,
               flexDirection: "row",
               alignItems: "center",
               gap: 1