From ba0afc3d5ed612c92dd6807849dde66ab2bd528f Mon Sep 17 00:00:00 2001
From: Dimitris Karagiannis <mitch.karajohn@gmail.com>
Date: Thu, 16 Nov 2023 22:51:39 +0200
Subject: [PATCH] fix: adjust breakpoint for small screens from 1200 to 1366

---
 src/ui/Navigation/Navigation.tsx | 8 ++++----
 src/ui/TopBar/TopBar.tsx         | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/ui/Navigation/Navigation.tsx b/src/ui/Navigation/Navigation.tsx
index 9cba28d1..7b38b06a 100644
--- a/src/ui/Navigation/Navigation.tsx
+++ b/src/ui/Navigation/Navigation.tsx
@@ -37,7 +37,7 @@ export function Navigation(props: NavigationProps) {
   const theme = useTheme();
   const breakpoints = useBreakpoints();
   const [expanded, setExpanded] = useState(() => {
-    return breakpoints.des1200;
+    return breakpoints.des1366;
   });
 
   const match = useRouteMatch(adminNavigationURLSegment);
@@ -45,10 +45,10 @@ export function Navigation(props: NavigationProps) {
   const { switchOrganization, organizations, selectedOrganization } = useOrganizations();
 
   useEffect(() => {
-    setExpanded(breakpoints.des1200);
-  }, [breakpoints.des1200]);
+    setExpanded(breakpoints.des1366);
+  }, [breakpoints.des1366]);
 
-  const isDesktop = breakpoints.des1200;
+  const isDesktop = breakpoints.des1366;
   const adminNavigationIsActive = match?.url === adminNavigationURLSegment && enableAdminMode;
 
   return (
diff --git a/src/ui/TopBar/TopBar.tsx b/src/ui/TopBar/TopBar.tsx
index ea05dc8b..2769552e 100644
--- a/src/ui/TopBar/TopBar.tsx
+++ b/src/ui/TopBar/TopBar.tsx
@@ -14,7 +14,7 @@ export function TopBar({ utilitySection, menuItems = [] }: TopBarProps) {
   const { topBarUtilitySection } = _useTopBarUtilitySection();
   const theme = useTheme();
   const breakpoints = useBreakpoints();
-  const isDesktop = breakpoints.des1200;
+  const isDesktop = breakpoints.des1366;
 
   return (
     <TopAppBarWrapper role="banner" aria-label="Top Application Banner">