From 1b8f0b144501960321e5befd59fb28478677bb2c Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 21 Jun 2026 19:46:18 +0100
Subject: [PATCH] Update DashboardNavigation to include
 notificationCenterVisible state, enhancing conditional rendering for
 navigation layout.

---
 src/components/Dashboard/common/DashboardNavigation.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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}