[PR feedback] Fix :focus:invalid styles

- not sure what that `!important` was doing there 🤦
elastic · May 20, 2024 · 9c1f7b8 · 9c1f7b8
1 parent 8744588
commit 9c1f7b8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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%;
 `;