diff --git a/src/Navbar.jsx b/src/Navbar.jsx
index 957a60e..d67c8e2 100644
--- a/src/Navbar.jsx
+++ b/src/Navbar.jsx
@@ -5,7 +5,7 @@ const Navbar = () => {
   const handleNavCollapse = () => setIsNavCollapsed(!isNavCollapsed);
   return (
     <nav className="navbar navbar-expand-lg bg-body-tertiary d-flex w-100">
-        <div className="container-fluid">
+        <div className="container px-2 px-lg-3 px-xl-5">
           <a className="navbar-brand" href="#">Navbar</a>
           <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded={!isNavCollapsed ? true : false} aria-label="Toggle navigation" onClick={handleNavCollapse}>
             <span className="navbar-toggler-icon"></span>