Fix EuiHorizontalSteps rendering over EuiHeader (#3707)

* Fix EuiHorizontalSteps rendering over EuiHeader * changelog
elastic · Jul 8, 2020 · f0fed8a · f0fed8a
1 parent 35bf576
commit f0fed8a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@ No public interface changes since `27.0.0`.
 
 - Fixed a bug in `EuiResizableContainer` preventing nested containers ([#3699](https://github.com/elastic/eui/pull/3699))
 - Fixed a bug in `EuiResizableContainer` preventing resizing by arrow keys in some cases ([#3699](https://github.com/elastic/eui/pull/3699))
+- Fixed `EuiHorizontalSteps` rendering over `EuiHeader` ([#3707](https://github.com/elastic/eui/pull/3707))
 
 **Breaking changes**
 

diff --git a/src/components/steps/_steps_horizontal.scss b/src/components/steps/_steps_horizontal.scss
@@ -82,7 +82,7 @@
 
 .euiStepHorizontal__number {
   position: relative; /* 1 */
-  z-index: $euiZLevel1; /* 1 */
+  z-index: $euiZLevel0 + 1; /* 1 */
   transition: all $euiAnimSpeedFast ease-in-out;
 }