diff --git a/packages/styles/scss/components/modal/_modal.scss b/packages/styles/scss/components/modal/_modal.scss
index 0c6b4c72da27..0de7e509c1a7 100644
--- 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;
   }