diff --git a/src/modules/common/components/input/index.tsx b/src/modules/common/components/input/index.tsx
index 8002c08fd..33c0dccf4 100644
--- a/src/modules/common/components/input/index.tsx
+++ b/src/modules/common/components/input/index.tsx
@@ -43,7 +43,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
             name={name}
             placeholder=" "
             className={clsx(
-              "pt-4 pb-1 block w-full px-4 mt-0 bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-gray-400 border-gray-200",
+              "pt-4 pb-1 block w-full px-4 mt-0 bg-transparent border appearance-none focus:outline-none focus:ring-0 focus:border-zinc-600 border-zinc-800 rounded-md text-[16px]",
               {
                 "border-rose-500 focus:border-rose-500": hasError,
               }
diff --git a/src/modules/search/components/search-box/index.tsx b/src/modules/search/components/search-box/index.tsx
index 8a0e2e014..ce2e981af 100644
--- a/src/modules/search/components/search-box/index.tsx
+++ b/src/modules/search/components/search-box/index.tsx
@@ -52,7 +52,7 @@ const ControlledSearchBox = ({
             type="search"
             value={value}
             onChange={onChange}
-            className="text-base-regular placeholder:transition-colors placeholder:text-gray-500 focus:placeholder:text-gray-900 focus:outline-none flex-1 bg-transparent"
+            className="text-base-regular placeholder:transition-colors placeholder:text-gray-500 focus:placeholder:text-gray-900 focus:outline-none flex-1 bg-transparent text-[16px]"
           />
           {value && (
             <button