From 9166c9d56ded1c3e53c28f2c464405f54fa7db0c Mon Sep 17 00:00:00 2001
From: isstuev <isstuev@gmail.com>
Date: Thu, 10 Jul 2025 14:02:20 +0200
Subject: [PATCH] topbar width 100vw

---
 ui/snippets/topBar/TopBar.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/ui/snippets/topBar/TopBar.tsx b/ui/snippets/topBar/TopBar.tsx
index 660beef8af..e823535c91 100644
--- a/ui/snippets/topBar/TopBar.tsx
+++ b/ui/snippets/topBar/TopBar.tsx
@@ -3,7 +3,6 @@ import React from 'react';
 
 import config from 'configs/app';
 import { useColorModeValue } from 'toolkit/chakra/color-mode';
-import { CONTENT_MAX_WIDTH } from 'ui/shared/layout/utils';
 
 import DeFiDropdown from './DeFiDropdown';
 import NetworkMenu from './NetworkMenu';
@@ -14,11 +13,10 @@ const TopBar = () => {
   const bgColor = useColorModeValue('gray.50', 'whiteAlpha.100');
 
   return (
-    <Box bgColor={ bgColor }>
+    <Box bgColor={ bgColor } position="sticky" left={ 0 } width="100vw">
       <Flex
         py={ 2 }
         px={{ base: 3, lg: 6 }}
-        maxW={ `${ CONTENT_MAX_WIDTH }px` }
         m="0 auto"
         justifyContent="space-between"
         alignItems="center"