diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
index cd85a6dc9c..c4b7c9c7cd 100644
--- a/components/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -709,8 +709,8 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
                 >
                   <div
                     aria-disabled="false"
-                    aria-selected="false"
-                    class=" ant-tabs-tab"
+                    aria-selected="true"
+                    class="ant-tabs-tab-active ant-tabs-tab"
                     role="tab"
                   >
                     tab1
@@ -733,11 +733,11 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
         </div>
         <div
           class="ant-tabs-content ant-tabs-content-animated"
-          style="display:none"
+          style="margin-left:0%"
         >
           <div
-            aria-hidden="true"
-            class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
+            aria-hidden="false"
+            class="ant-tabs-tabpane ant-tabs-tabpane-active"
             role="tabpanel"
           />
           <div
diff --git a/components/card/demo/tabs.md b/components/card/demo/tabs.md
index 5e52b5d51e..d11ac76691 100644
--- a/components/card/demo/tabs.md
+++ b/components/card/demo/tabs.md
@@ -65,6 +65,7 @@ class TabsCard extends React.Component {
           title="Card title"
           extra={<a href="#">More</a>}
           tabList={tabList}
+          activeTabKey={this.state.key}
           onTabChange={(key) => { this.onTabChange(key, 'key'); }}
         >
           {contentList[this.state.key]}
@@ -83,7 +84,5 @@ class TabsCard extends React.Component {
   }
 }
 
-ReactDOM.render(
-  <TabsCard />,
-  mountNode);
+ReactDOM.render(<TabsCard />, mountNode);
 ````