fix(modal): fix header padding for small variants (#4813)

Fixes #4759.
carbon-design-system · Dec 6, 2019 · bd6e4ea · bd6e4ea
1 parent ed337fe
commit bd6e4ea
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/components/src/components/modal/_modal.scss b/packages/components/src/components/modal/_modal.scss
@@ -122,7 +122,10 @@
   }
 
   .#{$prefix}--modal-container--xs {
-    .#{$prefix}--modal-header,
+    .#{$prefix}--modal-header {
+      padding-right: $carbon--spacing-09;
+    }
+
     .#{$prefix}--modal-content,
     .#{$prefix}--modal-content__regular-content,
     .#{$prefix}--modal-content--with-form {
@@ -144,7 +147,10 @@
   }
 
   .#{$prefix}--modal-container--sm {
-    .#{$prefix}--modal-header,
+    .#{$prefix}--modal-header {
+      padding-right: $carbon--spacing-09;
+    }
+
     .#{$prefix}--modal-content,
     .#{$prefix}--modal-content__regular-content,
     .#{$prefix}--modal-content--with-form {
@@ -176,7 +182,10 @@
   }
 
   .#{$prefix}--modal-container--lg {
-    .#{$prefix}--modal-header,
+    .#{$prefix}--modal-header {
+      padding-right: $carbon--spacing-09;
+    }
+
     .#{$prefix}--modal-content,
     .#{$prefix}--modal-content__regular-content,
     .#{$prefix}--modal-content--with-form {
@@ -209,6 +218,7 @@
 
   .#{$prefix}--modal-header {
     padding-top: $carbon--spacing-05;
+    padding-right: $carbon--spacing-09;
     margin-bottom: $carbon--spacing-03;
 
     grid-row: 1/1;