From e3752093cdc6bfe613df579ba54fd195278e8495 Mon Sep 17 00:00:00 2001
From: emyarod <emyarod@users.noreply.github.com>
Date: Wed, 15 Jan 2020 17:30:51 -0600
Subject: [PATCH] fix(modal): add transparent outline for high contrast themes
 (#5037)

---
 packages/components/src/components/modal/_modal.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/components/src/components/modal/_modal.scss b/packages/components/src/components/modal/_modal.scss
index 4833a115eda8..0af49733d918 100644
--- a/packages/components/src/components/modal/_modal.scss
+++ b/packages/components/src/components/modal/_modal.scss
@@ -75,6 +75,9 @@
     width: 100%;
     height: 100%;
     max-height: 100%;
+    // make modal edge visible on high contrast themes (#3880)
+    outline: 3px solid transparent;
+    outline-offset: -3px;
     overflow: hidden;
     transform-origin: top center;
     transform: translate3d(0, -24px, 0);