fix(Modal): add proper right padding to header (#13409)

* fix(Modal): add proper right padding to header * Update packages/styles/scss/components/modal/_modal.scss Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> --------- Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Mar 31, 2023 · de8d41b · de8d41b
1 parent 6730ffc
commit de8d41b
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/styles/scss/components/modal/_modal.scss b/packages/styles/scss/components/modal/_modal.scss
@@ -222,6 +222,8 @@
   .#{$prefix}--modal-header__heading {
     @include type-style('heading-03');
 
+    // padding should take into account the left and right padding of modal container
+    padding-right: calc(20% - $spacing-09);
     color: $text-primary;
   }