diff --git a/styles/Card.scss b/styles/Card.scss
index d48834bb5..4c786e333 100644
--- a/styles/Card.scss
+++ b/styles/Card.scss
@@ -46,25 +46,27 @@
         }
       }
     }
-    @include b(card-header) {
-      padding: 0px map-get($--n-card-margin-left, $size);
-      margin: map-get($--n-card-margin-top, $size) 0 map-get($--n-card-margin-bottom, $size) 0;
-      @include e(main) {
-        font-size: 18px;
+    & > {
+      @include b(card-header) {
+        padding: 0px map-get($--n-card-margin-left, $size);
+        margin: map-get($--n-card-margin-top, $size) 0 map-get($--n-card-margin-bottom, $size) 0;
+        @include e(main) {
+          font-size: map-get($--n-card-font-size, $size);
+        }
+        @include e(extra) {
+          font-size: 14px;
+        }
       }
-      @include e(extra) {
+      @include e(content, footer) {
+        padding: 0px map-get($--n-card-margin-left, $size);
+        margin: map-get($--n-card-margin-bottom, $size) 0;
+        font-size: 14px;
+      }
+      @include e(action) {
+        background-color: $--card-action-background-color;
+        padding: map-get($--n-card-margin-bottom, $size) map-get($--n-card-margin-left, $size);
         font-size: 14px;
       }
-    }
-    @include e(content, footer) {
-      padding: 0px map-get($--n-card-margin-left, $size);
-      margin: map-get($--n-card-margin-bottom, $size) 0;
-      font-size: 14px;
-    }
-    @include e(action) {
-      background-color: $--card-action-background-color;
-      padding: map-get($--n-card-margin-bottom, $size) map-get($--n-card-margin-left, $size);
-      font-size: 14px;
     }
   }
 }
diff --git a/styles/themes/common.scss b/styles/themes/common.scss
index 18b19918b..c9d9b203e 100644
--- a/styles/themes/common.scss
+++ b/styles/themes/common.scss
@@ -80,6 +80,13 @@ $--n-base-select-menu-border-radius: $--n-border-radius;
 
 /** card */
 $--n-card-border-radius: $--n-border-radius;
+$--n-card-font-size: (
+  'small': 16px,
+  'medium': 18px,
+  'large': 18px,
+  'huge': 18px
+);
+
 $--n-card-margin-left: (
   'small': 16px,
   'medium': 24px,
@@ -97,8 +104,8 @@ $--n-card-margin-top: (
 $--n-card-margin-bottom: (
   'small': 12px,
   'medium': 16px,
-  'large': 16px,
-  'huge': 20px
+  'large': 20px,
+  'huge': 24px
 );
 
 /** cascader */