diff --git a/style/components/tabs.less b/style/components/tabs.less
index 1e31756ed5..5b9dbdee07 100644
--- a/style/components/tabs.less
+++ b/style/components/tabs.less
@@ -382,6 +382,7 @@
   }
   &&-card &-tab-inner {
     padding: 7px 16px 6px;
+    transition: all 0.3s @ease-in-out;
   }
   &&-card &-tab-active {
     background: #fff;
@@ -399,6 +400,7 @@
     color: #999;
     transition: all 0.3s @ease-in-out;
     .iconfont-size-under-12px(9px);
+    transform-origin: 100% 50%;
     width: 0;
     text-align: right;
     vertical-align: middle;
@@ -409,6 +411,11 @@
     }
   }
 
+  &&-card &-tab:not(&-tab-active):hover &-tab-inner {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+
   &&-card &-tab-active .anticon-cross,
   &&-card &-tab:hover .anticon-cross {
     width: 16px;