From be09f6c5a2d8c3088e425464b0445cec6d595641 Mon Sep 17 00:00:00 2001
From: Dave Snider <dave.snider@gmail.com>
Date: Wed, 14 Mar 2018 10:37:29 -0700
Subject: [PATCH] changelog

---
 CHANGELOG.md                     | 1 +
 src/components/modal/_modal.scss | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5f922dffb3f..1a5b772b08f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 
 **Bug fixes**
 
+- `EuiModal` is now responsive on mobile screens ([#512](https://github.com/elastic/eui/pull/512))
 - `EuiFlexGrid` now collapses down in mobile layouts properly. ([#515](https://github.com/elastic/eui/pull/515))
 - Made `EuiCard` proptypes more permission by changing strings to nodes. ([#515](https://github.com/elastic/eui/pull/515))
 - Fix `reponsive={false}` prop not working when flex groups were nested. ([#494](https://github.com/elastic/eui/pull/494))
diff --git a/src/components/modal/_modal.scss b/src/components/modal/_modal.scss
index 82645251e64..814c56dac11 100644
--- a/src/components/modal/_modal.scss
+++ b/src/components/modal/_modal.scss
@@ -3,7 +3,7 @@
 
   display: flex;
   flex-direction: column;
-  max-height: 75vh;
+  max-height: 75vh; // We overflow the modal body based off this
   position: relative;
   background-color: $euiColorEmptyShade;
   border: $euiBorderThin;