From 98c687d9269c871640de3b56e25fa25a699dc337 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Mon, 20 May 2024 11:04:06 -0700
Subject: [PATCH] [PR feedback] Fix :focus:invalid styles

- not sure what that `!important` was doing there :facepalm:
---
 packages/eui/src/components/form/form.styles.test.tsx | 2 +-
 packages/eui/src/components/form/form.styles.ts       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/eui/src/components/form/form.styles.test.tsx b/packages/eui/src/components/form/form.styles.test.tsx
index fb1f44c11887..d65acf01cfe2 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 417a392c6df7..3932e2ebfa04 100644
--- a/packages/eui/src/components/form/form.styles.ts
+++ b/packages/eui/src/components/form/form.styles.ts
@@ -278,7 +278,7 @@ export const euiFormControlFocusStyles = ({
 `;
 
 export const euiFormControlInvalidStyles = ({ euiTheme }: UseEuiTheme) => `
-  --euiFormControlStateColor: ${euiTheme.colors.danger} !important;
+  --euiFormControlStateColor: ${euiTheme.colors.danger};
   background-size: 100% 100%;
 `;