From e0f4e6678325c06b270752f923aeeacfed3cc528 Mon Sep 17 00:00:00 2001 From: Rohit Mehta Date: Tue, 18 Nov 2025 16:30:29 +0530 Subject: [PATCH] fix(ui): correct login autofill background alignment (#3759) --- pnpm-lock.yaml | 2 -- src/styles/global.css | 10 ++++++++++ 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index c4d0c432..58face30 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -364,8 +364,6 @@ importers: specifier: ^5.9.3 version: 5.9.3 - dist: {} - packages: '@ampproject/remapping@2.3.0': diff --git a/src/styles/global.css b/src/styles/global.css index d63ebf38..c5b1371d 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -41,3 +41,13 @@ a:hover { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; } + +/* Remove autofill background color - matches react-zen TextField structure */ +.TextField_field__YzU1O input:-webkit-autofill, +.TextField_field__YzU1O input:-webkit-autofill:hover, +.TextField_field__YzU1O input:-webkit-autofill:focus, +.TextField_field__YzU1O input:-webkit-autofill:active { + -webkit-box-shadow: 0 0 0px 1000px var(--background-color) inset !important; + -webkit-text-fill-color: var(--font-color) !important; + transition: background-color 5000s ease-in-out 0s; +}