Is this the problem

components/core/Navbar/Navbar.module.css

@@ -1,4 +1,7 @@
 .root {
+}
+
+.container {
   @apply flex justify-between items-center flex-row px-6 h-20 relative;
 }
 

components/core/Navbar/Navbar.tsx

@@ -12,22 +12,26 @@ interface Props {
 const Navbar: FC<Props> = ({ className }) => {
   const rootClassName = cn(s.root, className)
   return (
-    <Container className={rootClassName}>
+    <div className={rootClassName}>
-      <Link href="/">
+      <Container>
-        <span className="inline-block cursor-pointer">
+        <div className={s.container}>
-          <Logo />
+          <Link href="/">
-        </span>
+            <span className="flex-0 cursor-pointer">
-      </Link>
+              <Logo />
-      <div className="flex flex-row h-full content-center flex-1 ml-10">
+            </span>
-        <nav className="hidden flex-row items-center px-6 lg:flex space-x-4">
+          </Link>
-          <a className={s.link}>All</a>
+          <div className="flex flex-row h-full content-center flex-1 ml-10">
-          <a className={s.link}>Clothes</a>
+            <nav className="hidden flex-row items-center px-6 lg:flex space-x-4">
-          <a className={s.link}>Accesories</a>
+              <a className={s.link}>All</a>
-        </nav>
+              <a className={s.link}>Clothes</a>
-        <Searchbar />
+              <a className={s.link}>Accesories</a>
-      </div>
+            </nav>
-      <UserNav />
+            <Searchbar />
-    </Container>
+          </div>
+          <UserNav />
+        </div>
+      </Container>
+    </div>
   )
 }