diff --git a/CHANGELOG.md b/CHANGELOG.md
index 093aff78ac4..7bd7d322f51 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 **Bug fixes**
 
+- Fixed `EuiFlyout` scrolling in Safari ([#2033](https://github.com/elastic/eui/pull/2033))
 - Fixed `EuiCallOut` header icon alignment ([#2006](https://github.com/elastic/eui/pull/2006))
 
 **Breaking changes**
diff --git a/src/components/flyout/_flyout.scss b/src/components/flyout/_flyout.scss
index ad51fb94211..226c6f6a741 100644
--- a/src/components/flyout/_flyout.scss
+++ b/src/components/flyout/_flyout.scss
@@ -7,6 +7,7 @@
   top: 0;
   bottom: 0;
   right: 0;
+  height: 100%;
   z-index: $euiZModal;
   background: $euiColorEmptyShade;
   animation: euiFlyout $euiAnimSpeedNormal $euiAnimSlightResistance;
diff --git a/src/components/flyout/_flyout_body.scss b/src/components/flyout/_flyout_body.scss
index 032211baa03..7d229549b61 100644
--- a/src/components/flyout/_flyout_body.scss
+++ b/src/components/flyout/_flyout_body.scss
@@ -2,6 +2,7 @@
   @include euiOverflowShadow;
   flex-grow: 1;
   overflow-y: hidden;
+  height: 100%;
 
   .euiFlyoutBody__overflow {
     @include euiScrollBar;