diff --git a/Client/src/Components/NavBar/index.jsx b/Client/src/Components/NavBar/index.jsx
index fa1a8bc15..0caf90ff5 100644
--- a/Client/src/Components/NavBar/index.jsx
+++ b/Client/src/Components/NavBar/index.jsx
@@ -46,8 +46,8 @@ function NavBar() {
   };
 
   return (
-    <AppBar position="static">
-      <Container maxWidth="xl">
+    <AppBar position="fixed" sx={{ width: '100%' }}>
+      <Container maxWidth="xl" sx={{ width: '100%' }}>
         <Toolbar disableGutters>
           <Typography
             variant="h6"