diff --git a/packages/eui/src/components/form/form.styles.test.tsx b/packages/eui/src/components/form/form.styles.test.tsx index 93bf1bf2816d..57ba392e15ee 100644 --- a/packages/eui/src/components/form/form.styles.test.tsx +++ b/packages/eui/src/components/form/form.styles.test.tsx @@ -146,7 +146,7 @@ describe('euiFormControlStyles', () => { border-radius: 0; ", "invalid": " - --euiFormControlStateColor: #BD271E !important; + --euiFormControlStateColor: #BD271E; background-size: 100% 100%; ", "readOnly": " diff --git a/packages/eui/src/components/form/form.styles.ts b/packages/eui/src/components/form/form.styles.ts index a3b1c11b9eba..1da9bb1637b9 100644 --- a/packages/eui/src/components/form/form.styles.ts +++ b/packages/eui/src/components/form/form.styles.ts @@ -277,7 +277,7 @@ export const euiFormControlFocusStyles = ({ `; export const euiFormControlInvalidStyles = ({ euiTheme }: UseEuiTheme) => ` - --euiFormControlStateColor: ${euiTheme.colors.danger} !important; + --euiFormControlStateColor: ${euiTheme.colors.danger}; background-size: 100% 100%; `;