diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index a3f606bfe1..ebf719cb9c 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -27,8 +27,8 @@
     margin: 0;
     color: @modal-heading-color;
     font-weight: 500;
-    font-size: @font-size-lg;
-    line-height: 22px;
+    font-size: @modal-header-title-font-size;
+    line-height: @modal-header-title-line-height;
     word-wrap: break-word;
   }
 
@@ -81,7 +81,7 @@
     padding: @modal-header-padding;
     color: @text-color;
     background: @modal-header-bg;
-    border-bottom: @border-width-base @border-style-base @modal-header-border-color-split;
+    border-bottom: @modal-header-border-width @modal-header-border-style @modal-header-border-color-split;
     border-radius: @border-radius-base @border-radius-base 0 0;
   }
 
@@ -96,7 +96,7 @@
     padding: @modal-footer-padding-vertical @modal-footer-padding-horizontal;
     text-align: right;
     background: @modal-footer-bg;
-    border-top: @border-width-base @border-style-base @modal-footer-border-color-split;
+    border-top: @modal-footer-border-width @modal-footer-border-style @modal-footer-border-color-split;
     border-radius: 0 0 @border-radius-base @border-radius-base;
 
     button + button {
diff --git a/components/style/themes/compact.less b/components/style/themes/compact.less
index 393d00903d..c1d4dd652e 100644
--- a/components/style/themes/compact.less
+++ b/components/style/themes/compact.less
@@ -186,7 +186,7 @@
 
 // Modal
 // --
-@modal-header-padding: 11px @padding-lg;
+@modal-header-padding: 11px @modal-header-padding-horizontal;
 @modal-footer-padding-vertical: @padding-sm;
 @modal-header-close-size: 44px;
 @modal-confirm-body-padding: 24px 24px 16px;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 29a006209a..e3eac4ea00 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -488,9 +488,15 @@
 
 // Modal
 // --
+@modal-header-padding-vertical: @padding-md;
+@modal-header-padding-horizontal: @padding-lg;
 @modal-body-padding: @padding-lg;
 @modal-header-bg: @component-background;
-@modal-header-padding: @padding-md @padding-lg;
+@modal-header-padding: @modal-header-padding-vertical @modal-header-padding-horizontal;
+@modal-header-border-width: @border-width-base;
+@modal-header-border-style: @border-style-base;
+@modal-header-title-line-height: 22px;
+@modal-header-title-font-size: @font-size-lg;
 @modal-header-border-color-split: @border-color-split;
 @modal-header-close-size: 56px;
 @modal-content-bg: @component-background;
@@ -498,8 +504,10 @@
 @modal-close-color: @text-color-secondary;
 @modal-footer-bg: transparent;
 @modal-footer-border-color-split: @border-color-split;
+@modal-footer-border-style: @border-style-base;
 @modal-footer-padding-vertical: 10px;
 @modal-footer-padding-horizontal: 16px;
+@modal-footer-border-width: @border-width-base;
 @modal-mask-bg: fade(@black, 45%);
 @modal-confirm-body-padding: 32px 32px 24px;