diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
index a9eab413cd..e1571ad037 100644
--- a/components/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -233,7 +233,9 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
   <div
     class="ant-card-body"
   >
-    <div>
+    <div
+      class="ant-card-loading-content"
+    >
       <p
         class="ant-card-loading-block"
         style="width:94%;"
diff --git a/components/card/index.tsx b/components/card/index.tsx
index cdb4a789da..204c2db848 100644
--- a/components/card/index.tsx
+++ b/components/card/index.tsx
@@ -84,7 +84,7 @@ export default class Card extends Component<CardProps> {
 
     if (loading) {
       children = (
-        <div>
+        <div className={`${prefixCls}-loading-content`}>
           <p className={`${prefixCls}-loading-block`} style={{ width: '94%' }} />
           <p>
             <span className={`${prefixCls}-loading-block`} style={{ width: '28%' }} />
diff --git a/components/card/style/index.less b/components/card/style/index.less
index d6be316612..9a646045e5 100644
--- a/components/card/style/index.less
+++ b/components/card/style/index.less
@@ -54,6 +54,11 @@
 
   &-loading &-body {
     user-select: none;
+    padding: 0;
+  }
+
+  &-loading-content {
+    padding: @card-padding-base;
   }
 
   &-loading-block {