From 93057acf4ef780443bc2b17bc558960efecc03ac Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@gmail.com>
Date: Thu, 26 Mar 2020 19:24:54 +0000
Subject: [PATCH] Moving close icon to prevent overlap with title (#3176)

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 97848458071..c38227a9a5e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Improved `EuiModal` close button position to prevent from overlapping with the title ([#3176](https://github.com/elastic/eui/pull/3176))
+
 **Bug Fixes**
 
 - Fixed EuiBasicTable proptypes of itemId ([#3133](https://github.com/elastic/eui/pull/3133))
diff --git a/src/components/modal/_modal.scss b/src/components/modal/_modal.scss
index 46312687b8d..16d73ba4676 100644
--- a/src/components/modal/_modal.scss
+++ b/src/components/modal/_modal.scss
@@ -89,8 +89,8 @@
 .euiModal__closeIcon {
   background-color: transparentize($euiColorEmptyShade, .1);
   position: absolute;
-  right: $euiSizeL - 7px;
-  top: $euiSizeL - 7px;
+  right: $euiSizeXS;
+  top: $euiSizeXS;
   z-index: 3;
 }