From 33b20037cea3745f8f9d956921d894fbb2322d3b Mon Sep 17 00:00:00 2001
From: Erik Munson <emunson@netflix.com>
Date: Tue, 25 Feb 2020 10:13:12 -0800
Subject: [PATCH] fix(core/modal): display: flex on body, remove outline on
 close button (#7937)

Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>
---
 .../modules/core/src/presentation/modal/ModalBody.module.css     | 1 +
 .../modules/core/src/presentation/modal/ModalHeader.module.css   | 1 +
 2 files changed, 2 insertions(+)

diff --git a/app/scripts/modules/core/src/presentation/modal/ModalBody.module.css b/app/scripts/modules/core/src/presentation/modal/ModalBody.module.css
index 7ef8df535a5..4b78ce7cbc6 100644
--- a/app/scripts/modules/core/src/presentation/modal/ModalBody.module.css
+++ b/app/scripts/modules/core/src/presentation/modal/ModalBody.module.css
@@ -4,6 +4,7 @@
 @value bodyColor: smoke;
 
 .body {
+  display: flex;
   flex: 1 1 auto;
   overflow: scroll;
   overscroll-behavior: contain;
diff --git a/app/scripts/modules/core/src/presentation/modal/ModalHeader.module.css b/app/scripts/modules/core/src/presentation/modal/ModalHeader.module.css
index cd32591acfa..635fae6830f 100644
--- a/app/scripts/modules/core/src/presentation/modal/ModalHeader.module.css
+++ b/app/scripts/modules/core/src/presentation/modal/ModalHeader.module.css
@@ -46,6 +46,7 @@
 .close:hover,
 .close:focus {
   background-color: closeButtonHoverColor;
+  outline: none;
 }
 
 @media belowMobileSize {