new

components/Navbar/Navbar.module.css

@@ -1,7 +1,7 @@
 .root {
-  @apply px-4 py-5;
+  @apply border-black border-b;
 }
 
 .container {
-  @apply flex justify-between items-center flex-row;
+  @apply flex justify-between items-center flex-row px-4 border-black border-l border-r h-20;
 }

components/Navbar/Navbar.tsx

@@ -13,9 +13,13 @@ const Navbar: FunctionComponent<Props> = ({ className }) => {
   return (
     <div className={rootClassName}>
       <Container className={s.container}>
+        <div className="flex flex-row h-full content-center">
+          <Searchbar />
+          <nav className="flex flex-row items-center px-3">
+            All Clothes Accesories
+          </nav>
+        </div>
         <Logo />
-        <Searchbar />
-        <nav>All Clothes Accesories</nav>
         <nav>
           <Avatar />
         </nav>