diff --git a/style/web/components/empty/_index.less b/style/web/components/empty/_index.less
index 8682687e62..1ec4e67c72 100644
--- a/style/web/components/empty/_index.less
+++ b/style/web/components/empty/_index.less
@@ -41,10 +41,12 @@
 
     .@{prefix}-empty__title {
       font: @empty-title-font-small;
+      margin-top: @empty-title-margin-top-small;
     }
 
     .@{prefix}-empty__description {
       font: @empty-description-font-small;
+      margin-top: @empty-description-margin-top-small;
     }
   }
 
diff --git a/style/web/components/empty/_var.less b/style/web/components/empty/_var.less
index 0efa9a6651..b0c1ab798b 100644
--- a/style/web/components/empty/_var.less
+++ b/style/web/components/empty/_var.less
@@ -9,8 +9,8 @@
 @empty-image-size-large: 64px;
 
 // font-color
-@empty-title-color: @text-color-primary;
-@empty-description-color: @text-color-secondary;
+@empty-title-color: @text-color-secondary;
+@empty-description-color: @text-color-placeholder;
 
 // padding
 @empty-padding: 0;
@@ -18,8 +18,10 @@
 // margin
 @empty-image-margin-top: 0;
 @empty-image-margin-bottom: 0;
+@empty-title-margin-top-small: @comp-margin-xxs;
 @empty-title-margin-top: @comp-margin-s;
 @empty-title-margin-bottom: 0;
+@empty-description-margin-top-small: @comp-margin-xxs;
 @empty-description-margin-top: @comp-margin-xs;
 @empty-description-margin-bottom: 0;
 @empty-action-margin-top: @comp-margin-xxl;