From 952ebccccff574e2fe075d37e395cb92ca07980e Mon Sep 17 00:00:00 2001
From: Jen Downs <hello@jendowns.com>
Date: Mon, 11 Nov 2019 16:28:53 -0600
Subject: [PATCH] fix(modal): adjust padding to account for content negative
 offset (#4591)

---
 packages/components/src/components/modal/_modal.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/components/modal/_modal.scss b/packages/components/src/components/modal/_modal.scss
index 3790f50573c5..1ff401eeff69 100644
--- a/packages/components/src/components/modal/_modal.scss
+++ b/packages/components/src/components/modal/_modal.scss
@@ -107,7 +107,7 @@
 
   .#{$prefix}--modal-header {
     padding-top: 1rem;
-    margin-bottom: $carbon--spacing-05;
+    margin-bottom: $carbon--spacing-03;
   }
 
   .#{$prefix}--modal-header__label {
@@ -127,10 +127,14 @@
     @include type-style('body-long-01');
 
     overflow-y: auto;
-    margin-bottom: $carbon--spacing-09;
+    margin-bottom: $carbon--spacing-08;
     color: $text-01;
     font-weight: 400;
 
+    // Required to accommodate focus outline's negative offset:
+    padding-top: $carbon--spacing-03;
+    padding-bottom: $carbon--spacing-03;
+
     &:focus {
       @include focus-outline('outline');
     }