From e175377cf16ce381faacaede25b7f8ba283cf733 Mon Sep 17 00:00:00 2001 From: "Soham Mondal (TATA CONSULTANCY SERVICES LTD)" Date: Fri, 28 Nov 2025 10:59:44 +0530 Subject: [PATCH 1/2] Fix text spacing visual helper not applying to input/button elements Fixes #4800 Changed CSS selector from .insights-formatted-text-spacing-container to .insights-formatted-text-spacing-container * to directly target all descendant elements instead of relying on inheritance. This ensures WCAG text spacing requirements are properly applied to input fields, buttons, and elements with CSS-in-JS styling that were previously overriding the inherited values. The universal descendant selector with !important successfully overrides: - Browser user-agent styles - Class selectors - Inline styles from CSS-in-JS - Other specificity conflicts This follows the same pattern already proven successful in .insights-pseudo-selector-style-container. --- src/injected/styles/injected.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/injected/styles/injected.scss b/src/injected/styles/injected.scss index 0c9fea5fa4e..3a52cb8ee1d 100644 --- a/src/injected/styles/injected.scss +++ b/src/injected/styles/injected.scss @@ -12,7 +12,7 @@ filter: grayscale(100%) !important; } -.insights-formatted-text-spacing-container { +.insights-formatted-text-spacing-container * { line-height: 1.5 !important; letter-spacing: 0.12em !important; word-spacing: 0.16em !important; From 8e88a9fc7248be09a958314f3d051fea4932573d Mon Sep 17 00:00:00 2001 From: "Soham Mondal (TATA CONSULTANCY SERVICES LTD)" Date: Mon, 2 Feb 2026 18:10:29 +0530 Subject: [PATCH 2/2] fix: Target specific form elements for text spacing instead of wildcard selector --- src/injected/styles/injected.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/injected/styles/injected.scss b/src/injected/styles/injected.scss index 3a52cb8ee1d..0aaad9a06c7 100644 --- a/src/injected/styles/injected.scss +++ b/src/injected/styles/injected.scss @@ -12,7 +12,7 @@ filter: grayscale(100%) !important; } -.insights-formatted-text-spacing-container * { +.insights-formatted-text-spacing-container { line-height: 1.5 !important; letter-spacing: 0.12em !important; word-spacing: 0.16em !important; @@ -20,6 +20,15 @@ p { margin-bottom: 2em !important; } + + input, + button, + select, + textarea { + line-height: 1.5 !important; + letter-spacing: 0.12em !important; + word-spacing: 0.16em !important; + } } .insights-pseudo-selector-style-container {