From fa9a2c2cff344f4e78ec5554fd550d860e25d097 Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Fri, 14 Mar 2025 23:48:27 +0530
Subject: [PATCH] feat: set widt to 100%

---
 src/components/browser/BrowserNavBar.tsx | 2 +-
 src/components/browser/BrowserTabs.tsx   | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/browser/BrowserNavBar.tsx b/src/components/browser/BrowserNavBar.tsx
index 64759d62..f9be32fb 100644
--- a/src/components/browser/BrowserNavBar.tsx
+++ b/src/components/browser/BrowserNavBar.tsx
@@ -15,7 +15,7 @@ const StyledNavBar = styled.div<{ browserWidth: number; isDarkMode: boolean }>`
     display: flex;
     padding: 12px 0px;
     background-color: ${({ isDarkMode }) => (isDarkMode ? '#2C2F33' : '#f6f6f6')};
-    width: ${({ browserWidth }) => browserWidth}px;
+    width: 100%;
     border-radius: 0px 5px 0px 0px;
 `;
 
diff --git a/src/components/browser/BrowserTabs.tsx b/src/components/browser/BrowserTabs.tsx
index 0b3f7051..4aefaa6c 100644
--- a/src/components/browser/BrowserTabs.tsx
+++ b/src/components/browser/BrowserTabs.tsx
@@ -32,7 +32,8 @@ export const BrowserTabs = (
 
   return (
     <Box sx={{
-      width: 800, // Fixed width
+      width: '100%',
+      maxWidth: '100%',
       display: 'flex',
       overflow: 'auto',
       alignItems: 'center',