fix(modal): adjust padding to account for content negative offset (ca…

…rbon-design-system#4591)
asudoh · Nov 11, 2019 · 952ebcc · 952ebcc
1 parent 90fdb61
commit 952ebcc
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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');
     }