diff --git a/packages/components/src/components/modal/_modal.scss b/packages/components/src/components/modal/_modal.scss index df8786432917..ae8152c8e9b6 100644 --- 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;