diff --git a/apps/web/src/components/search/index.js b/apps/web/src/components/search/index.js
index 419528bd9..a50f061ac 100644
--- a/apps/web/src/components/search/index.js
+++ b/apps/web/src/components/search/index.js
@@ -29,7 +29,7 @@ function SearchBox(props) {
       id="search"
       name="search"
       type="text"
-      sx={{ m: 0, mx: 1, mt: 1 }}
+      sx={{m: 0,mx: 1,mt: 1}}
       placeholder="Type your query here"
       onKeyDown={(e) => {
         if (e.key === "Enter") props.onSearch(e.target.value);
diff --git a/packages/theme/src/theme/variants/input.ts b/packages/theme/src/theme/variants/input.ts
index e21c67e21..7cae2c3de 100644
--- a/packages/theme/src/theme/variants/input.ts
+++ b/packages/theme/src/theme/variants/input.ts
@@ -27,6 +27,11 @@ const defaultVariant: ThemeUIStyleObject = {
   fontWeight: "body",
   fontSize: "input",
   color: "text",
+  ":-webkit-autofill": {
+    WebkitTextFillColor: "var(--text)",
+    caretColor: "red",
+    fontSize: "inherit"
+  },
   ":focus": {
     outline: "2px solid var(--primary)"
   },