fix: also apply focus-ring width custom property to invalid state (#8467

) (#8471) Co-authored-by: Serhii Kulykov <iamkulykov@gmail.com>
vaadin · Jan 9, 2025 · 0d4ce83 · 0d4ce83
1 parent 128154a
commit 0d4ce83
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/vaadin-lumo-styles/mixins/input-field-shared.js b/packages/vaadin-lumo-styles/mixins/input-field-shared.js
@@ -106,7 +106,7 @@ const inputField = css`
   }
 
   :host([invalid][focus-ring]) [part='input-field'] {
-    box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
+    box-shadow: 0 0 0 var(--_focus-ring-width) var(--lumo-error-color-50pct);
   }
 
   :host([input-prevented]) [part='input-field'] {