diff --git a/src/components/Dashboard/common/DashboardNavigation.jsx b/src/components/Dashboard/common/DashboardNavigation.jsx
index fc1e94f..b025a68 100644
--- a/src/components/Dashboard/common/DashboardNavigation.jsx
+++ b/src/components/Dashboard/common/DashboardNavigation.jsx
@@ -52,7 +52,7 @@ const DashboardNavigation = () => {
   const { userProfile } = useContext(AuthContext)
   const { showSpotlight } = useContext(SpotlightContext)
   const { connecting, connected } = useContext(ApiServerContext)
-  const { toggleNotificationCenter, unreadCount } =
+  const { toggleNotificationCenter, unreadCount, notificationCenterVisible } =
     useContext(NotificationContext)
   const [apiServerState, setApiServerState] = useState('disconnected')
   const navigate = useNavigate()
@@ -335,7 +335,7 @@ const DashboardNavigation = () => {
     <>
       {isElectron ? (
         <Flex
-          className='ant-menu-horizontal ant-menu-light electron-navigation-wrapper'
+          className={`ant-menu-horizontal ant-menu-light${!notificationCenterVisible ? ' electron-navigation-wrapper' : ''}`}
           style={{ lineHeight: '40px', padding: '0 2px 0 2px' }}
         >
           {navigationContents}