diff --git a/src-docs/src/components/guide_components.scss b/src-docs/src/components/guide_components.scss
index 26c46a4453e..add2d93de29 100644
--- a/src-docs/src/components/guide_components.scss
+++ b/src-docs/src/components/guide_components.scss
@@ -140,6 +140,10 @@ $guideZLevelHighest: $euiZLevel9 + 1000;
   }
 }
 
+.guideDemo__alertsFlyout {
+  height: calc(100vh - 49px);
+}
+
 .dpTest__purpleCal {
   background: $euiColorVis3;
 }
diff --git a/src-docs/src/theme_dark.scss b/src-docs/src/theme_dark.scss
index 8e3f445f09d..72d97f4fe2f 100644
--- a/src-docs/src/theme_dark.scss
+++ b/src-docs/src/theme_dark.scss
@@ -5,7 +5,6 @@
 @import '../../src/theme_dark';
 @import './components/guide_components';
 @import './views/suggest/global_filter_group';
-@import './views/header/header_alert';
 
 // Elastic charts
 @import '~@elastic/charts/dist/theme';
diff --git a/src-docs/src/theme_light.scss b/src-docs/src/theme_light.scss
index d42c5be6016..240403db3aa 100644
--- a/src-docs/src/theme_light.scss
+++ b/src-docs/src/theme_light.scss
@@ -5,7 +5,6 @@
 @import '../../src/theme_light';
 @import './components/guide_components';
 @import './views/suggest/global_filter_group';
-@import './views/header/header_alert';
 
 // Elastic charts
 @import '~@elastic/charts/dist/theme';
diff --git a/src-docs/src/views/header/_header_alert.scss b/src-docs/src/views/header/_header_alert.scss
deleted file mode 100644
index 114ae59a36b..00000000000
--- a/src-docs/src/views/header/_header_alert.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.alertsFlyout {
-  height: calc(100vh - 49px);
-}
diff --git a/src-docs/src/views/header/header_updates.js b/src-docs/src/views/header/header_updates.js
index 6ae6f242c51..c78234a7a78 100755
--- a/src-docs/src/views/header/header_updates.js
+++ b/src-docs/src/views/header/header_updates.js
@@ -63,7 +63,7 @@ export default class extends Component {
         <EuiFlyout
           onClose={this.closeFlyout}
           size="s"
-          className="alertsFlyout"
+          className="guideDemo__alertsFlyout"
           aria-labelledby="flyoutSmallTitle"
           style={{ top: '49px' }}>
           <EuiFlyoutHeader hasBorder>