diff --git a/packages/eui/src/components/card/card.styles.ts b/packages/eui/src/components/card/card.styles.ts
index 48ab6304504..40330325af4 100644
--- a/packages/eui/src/components/card/card.styles.ts
+++ b/packages/eui/src/components/card/card.styles.ts
@@ -10,7 +10,6 @@ import { css } from '@emotion/react';
 
 import {
   euiPaddingSize,
-  euiSupportsHas,
   logicalCSS,
   logicals,
   logicalTextAlignCSS,
@@ -218,12 +217,6 @@ export const euiCardTextStyles = (euiThemeContext: UseEuiTheme) => {
       &:focus {
         text-decoration: underline;
       }
-
-      /* Progressive enhancement where we remove focus from text as
-         it will be applied to the whole card instead */
-      ${euiSupportsHas} {
-        outline: none !important; /* stylelint-disable-line declaration-no-important */
-      }
     `,
 
     aligned: {
diff --git a/packages/eui/src/global_styling/mixins/_helpers.ts b/packages/eui/src/global_styling/mixins/_helpers.ts
index 48f70e58744..ca3b511ca21 100644
--- a/packages/eui/src/global_styling/mixins/_helpers.ts
+++ b/packages/eui/src/global_styling/mixins/_helpers.ts
@@ -226,9 +226,3 @@ export const euiFullHeight = () => `
   flex: 1 1 auto;
   overflow: hidden;
 `;
-
-/**
- * A constant storing the support for the `:has()` selector through a
- * media query that will only apply the content it is supported.
- */
-export const euiSupportsHas = '@supports(selector(:has(p)))';