From 378b90cc168ae834924f6f04f84fed55668a58b7 Mon Sep 17 00:00:00 2001
From: Constance <constancecchen@users.noreply.github.com>
Date: Wed, 5 Oct 2022 16:38:34 -0700
Subject: [PATCH] [EuiOverlayMask] Fix broken selector reference in EuiHeader
 mixin (#6293)

* Fix broken selector reference in EuiHeader mixin

* changelog
---
 src/global_styling/mixins/_header.scss | 2 +-
 upcoming_changelogs/6293.md            | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 upcoming_changelogs/6293.md

diff --git a/src/global_styling/mixins/_header.scss b/src/global_styling/mixins/_header.scss
index b80279132f3..0c045078f25 100644
--- a/src/global_styling/mixins/_header.scss
+++ b/src/global_styling/mixins/_header.scss
@@ -20,7 +20,7 @@
       }
     }
 
-    &:not(.euiDataGrid__restrictBody) .euiOverlayMask--belowHeader {
+    &:not(.euiDataGrid__restrictBody) .euiOverlayMask[data-relative-to-header='below'] {
       top: #{$headerHeight};
     }
   }
diff --git a/upcoming_changelogs/6293.md b/upcoming_changelogs/6293.md
new file mode 100644
index 00000000000..2f9a818229b
--- /dev/null
+++ b/upcoming_changelogs/6293.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiHeader` CSS using removed `EuiOverlayMask` class modifiers