diff --git a/components/tabs/demo/icon.md b/components/tabs/demo/icon.md
index a7c0fa804..3084cc633 100644
--- a/components/tabs/demo/icon.md
+++ b/components/tabs/demo/icon.md
@@ -13,10 +13,10 @@ var TabPane = Tabs.TabPane;
 function callback(key) {}
 
 var tabContent = [
-  <span><i className="anticon anticon-lock"></i>tab 1</span>,
-  <span><i className="anticon anticon-lock"></i>tab 2</span>,
+  <span><i className="anticon anticon-apple"></i>tab 1</span>,
+  <span><i className="anticon anticon-android"></i>tab 2</span>,
   <span><i className="anticon anticon-lock"></i>tab 3</span>,
-]
+];
 
 React.render(
   <Tabs defaultActiveKey="2" onChange={callback}>
diff --git a/style/components/tabs.less b/style/components/tabs.less
index 860b8da68..a040248d1 100644
--- a/style/components/tabs.less
+++ b/style/components/tabs.less
@@ -141,12 +141,12 @@
     .@{prefixClass}-tab {
       float: left;
       height: 100%;
-      margin-right: 30px;
+      margin-right: 28px;
       box-sizing: border-box;
       position: relative;
 
       > a {
-        padding: 8px 25px;
+        padding: 8px 20px;
         transition: color 0.3s @easing-in-out;
         display: block;
         color: #666;
@@ -154,7 +154,7 @@
         .anticon {
           width: 14px;
           height: 14px;
-          margin-right: 12px;
+          margin-right: 8px;
           top: -1px;
         }