diff --git a/src/components/Dashboard/common/DashboardNavigation.jsx b/src/components/Dashboard/common/DashboardNavigation.jsx
index dc1f14c..9a4c4c4 100644
--- a/src/components/Dashboard/common/DashboardNavigation.jsx
+++ b/src/components/Dashboard/common/DashboardNavigation.jsx
@@ -72,26 +72,31 @@ const DashboardNavigation = () => {
       {
         key: 'production',
         label: 'Production',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <ProductionIcon />
       },
       {
         key: 'inventory',
         label: 'Inventory',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <InventoryIcon />
       },
       {
         key: 'sales',
         label: 'Sales',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <SalesIcon />
       },
       {
         key: 'finance',
         label: 'Finance',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <FinanceIcon />
       },
       {
         key: 'management',
         label: 'Management',
+        className: 'electrobun-webkit-app-region-no-drag',
         icon: <SettingsIcon />
       }
     ],
@@ -199,7 +204,7 @@ const DashboardNavigation = () => {
           </Text>
         </Flex>
       )}
-      <div className='electrobun-webkit-app-region-no-drag'>
+      <div style={{ flexGrow: 1 }}>
         <Menu
           mode='horizontal'
           className={isElectron ? 'electron-navigation' : null}
@@ -222,6 +227,7 @@ const DashboardNavigation = () => {
         />
       </div>
       {isMobile && <div style={{ flexGrow: 1 }} />}
+
       <div className='electrobun-webkit-app-region-no-drag'>
         <Flex
           gap={'small'}