From 0351d3f478a7b06048eb07bccedf93ce3fc2c1db Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Wed, 7 Feb 2024 16:44:53 -0800
Subject: [PATCH] fix: breakpoint for mobile header

---
 apps/trading/pages/client-router.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/trading/pages/client-router.tsx b/apps/trading/pages/client-router.tsx
index 0c35dda7c..5db2ad224 100644
--- a/apps/trading/pages/client-router.tsx
+++ b/apps/trading/pages/client-router.tsx
@@ -51,8 +51,9 @@ const NotFound = () => {
 
 export const useRouterConfig = (): RouteObject[] => {
   const featureFlags = useFeatureFlags((state) => state.flags);
-  const { isMobile } = useScreenDimensions();
-  const marketHeader = isMobile ? <MobileMarketHeader /> : <MarketHeader />;
+  const { screenSize } = useScreenDimensions();
+  const largeScreen = ['lg', 'xl', 'xxl', 'xxxl'].includes(screenSize);
+  const marketHeader = largeScreen ? <MarketHeader /> : <MobileMarketHeader />;
   const routeConfig = compact([
     {
       index: true,