diff --git a/packages/experience/src/components/InputFields/InputField/index.module.scss b/packages/experience/src/components/InputFields/InputField/index.module.scss
index 3ccf92a02ae..873a67d5c74 100644
--- a/packages/experience/src/components/InputFields/InputField/index.module.scss
+++ b/packages/experience/src/components/InputFields/InputField/index.module.scss
@@ -33,6 +33,18 @@
         transition: opacity 0.2s ease-out;
         opacity: 0%;
       }
+
+      &:-webkit-autofill,
+      &:-webkit-autofill:hover,
+      &:-webkit-autofill:focus {
+        -webkit-text-fill-color: var(--color-type-primary);
+        /*
+         * Create an extremely long (about 11.57 days) transition for background-color
+         * This is a "hack" to prevent the browser from applying its default autofill background color
+         */
+        transition: background-color 999999s ease-in-out 0s;
+        background-color: transparent;
+      }
     }
 
     .suffix {