diff --git a/src/styles/styles.js b/src/styles/styles.js
index f37013eb23b0..51a5d80e23eb 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2490,6 +2490,12 @@ const styles = {
 
     magicCodeInputTransparent: {
         color: 'transparent',
+        caretColor: 'transparent',
+        WebkitTextFillColor: 'transparent',
+        // After setting the input text color to transparent, it acquires the background-color.
+        // However, it is not possible to override the background-color directly as explained in this resource: https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill
+        // Therefore, the transition effect needs to be delayed.
+        transitionDelay: '99999s',
     },
 
     iouAmountText: {