diff --git a/components/style/themes/dark.less b/components/style/themes/dark.less
index c244985097..446a8c1bc9 100644
--- a/components/style/themes/dark.less
+++ b/components/style/themes/dark.less
@@ -357,7 +357,7 @@
 
 // Card
 // ---
-@card-actions-background: @background-color-light;
+@card-actions-background: @component-background;
 @card-skeleton-bg: #303030;
 @card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48),
   0 5px 12px 4px rgba(0, 0, 0, 0.36);
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 3339247863..3f6561040b 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -670,7 +670,7 @@
 @card-inner-head-padding: 12px;
 @card-padding-base: 24px;
 @card-padding-base-sm: @card-padding-base / 2;
-@card-actions-background: @background-color-light;
+@card-actions-background: @component-background;
 @card-actions-li-margin: 12px 0;
 @card-skeleton-bg: #cfd8dc;
 @card-background: @component-background;