diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index 022afcea92..697bc0ee74 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1354,6 +1354,12 @@ a.ui.card:hover,
   border-color: var(--color-error-border) !important;
 }
 
+// A fix for text visibility issue in Chrome autofill in dark mode.
+// It's a problem from Formatic UI, and this rule overrides it.
+.ui.form .field.field input:-webkit-autofill {
+  -webkit-text-fill-color: var(--color-black) !important;
+}
+
 .ui.loading.loading.input > i.icon svg {
   visibility: hidden;
 }