changes

components/Navbar/Navbar.module.css

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

components/Searchbar/Searchbar.module.css

@@ -8,7 +8,7 @@
 }
 
 .input {
-  @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg;
+  @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg text-accent-4;
   min-width: 300px;
 }
 

components/Searchbar/Searchbar.tsx

@@ -17,8 +17,8 @@ const Searchbar: FunctionComponent<Props> = ({ className }) => {
           <div className={s.iconContainer}>
             <svg className={s.icon} fill="currentColor" viewBox="0 0 20 20">
               <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
+                fillRule="evenodd"
+                clipRule="evenodd"
                 d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
               />
             </svg>