diff --git a/.gitignore b/.gitignore
index 8f322f0..490dbc2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,6 +26,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env*
 
 # vercel
 .vercel
diff --git a/src/components/common/Input.tsx b/src/components/common/Input.tsx
index fbca399..1388fcd 100644
--- a/src/components/common/Input.tsx
+++ b/src/components/common/Input.tsx
@@ -43,7 +43,13 @@ const Input = forwardRef<HTMLInputElement, Props>(
           )}
           {...rest}
         />
-        <div role='alert' className='text-red-500 mt-[4px]'>
+        <div
+          role='alert'
+          className={cn('text-red-500 mt-[4px] absolute left-0', {
+            'top-12': variant !== 'search',
+            'top-10': variant === 'search',
+          })}
+        >
           {errorMessage}
         </div>
       </div>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 8084d07..1cd90b0 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -24,6 +24,11 @@
 }
 
 @layer utilities {
+  input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0px 1000px white inset;
+    box-shadow: 0 0 0px 1000px white inset;
+  }
+
   /* Text-3xl */
   .custom-text-3xl-bold {
     font-size: 32px;