fixed search width/color

Author: traghav

src/components/common/Navigation.js

@@ -36,15 +36,15 @@ const Navigation = ({ data, navClass }) => (
       }
     })}
     <div className={navClass}>
-      <div class="relative flex items-center h-8 w-28 rounded-full focus-within:shadow-lg bg-bg-dark-grey overflow-hidden">
+      <div class="relative flex items-center h-8 rounded-full focus-within:shadow-lg bg-bg-dark-grey overflow-hidden">
           <div class="grid place-items-center h-full w-12 text-gray-300">
               <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
               </svg>
           </div>
 
           <input
-          class="peer h-full w-full bg-bg-dark-grey outline-none text-sm text-gray-700 pr-2"
+          class="peer h-full w-24 bg-bg-dark-grey outline-none text-sm text-white pr-2"
           type="text"
           id="search"
           placeholder="Search" />