diff --git a/src/@fuse/styles/components/input.scss b/src/@fuse/styles/components/input.scss
index 4ac91a49..391b400d 100644
--- a/src/@fuse/styles/components/input.scss
+++ b/src/@fuse/styles/components/input.scss
@@ -19,20 +19,22 @@ textarea {
         @apply text-hint;
     }
 
-    &:-webkit-autofill {
-        transition: background-color 600000s 0s, color 600000s 0s !important;
-    }
-
-    &:-webkit-autofill:hover {
-        transition: background-color 600000s 0s, color 600000s 0s !important;
-    }
-
-    &:-webkit-autofill:focus {
-        transition: background-color 600000s 0s, color 600000s 0s !important;
-    }
-
+    /* Autofill color fix */
+    &:-webkit-autofill,
+    &:-webkit-autofill:hover,
+    &:-webkit-autofill:focus,
     &:-webkit-autofill:active {
-        transition: background-color 600000s 0s, color 600000s 0s !important;
+        -webkit-background-clip: text;
+        transition: background-color 5000s !important;
+    }
+
+    .dark & {
+        &:-webkit-autofill,
+        &:-webkit-autofill:hover,
+        &:-webkit-autofill:focus,
+        &:-webkit-autofill:active {
+            -webkit-text-fill-color: rgba(255, 255, 255, 0.87);
+        }
     }
 
     [data-autocompleted] {