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">