diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index 8c0f955ea8..761a2727fd 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -77,7 +77,7 @@
   &-header {
     padding: 16px 24px;
     border-radius: @border-radius-base @border-radius-base 0 0;
-    background: @component-background;
+    background: @modal-header-bg;
     color: @text-color;
     border-bottom: @border-width-base @border-style-base @border-color-split;
   }
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 6702e03e77..b7c3107ffb 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -306,6 +306,7 @@
 
 // Modal
 // --
+@modal-header-bg: @component-background;
 @modal-mask-bg: rgba(0, 0, 0, 0.65);
 
 // Progress