diff --git a/src/styles/components/tabs.less b/src/styles/components/tabs.less
index 04bfd8b6..3a3a79d1 100644
--- a/src/styles/components/tabs.less
+++ b/src/styles/components/tabs.less
@@ -115,6 +115,7 @@
     &-mini &-tab {
         margin-right: 0;
         padding: 8px 16px;
+        font-size: @font-size-small;
     }
 
     & {
diff --git a/test/routers/tabs.vue b/test/routers/tabs.vue
index 2eb985c1..dfaa187d 100644
--- a/test/routers/tabs.vue
+++ b/test/routers/tabs.vue
@@ -1,16 +1,18 @@
 <template>
     <i-button @click="toggleClose">closable</i-button>
 
-    <Tabs type="line" :closable="closable" :animated="false">
-        <Tab-pane label="Tab 1">Tab1 content</Tab-pane>
-        <Tab-pane label="Tab 2" icon="ionic">Tab2 content</Tab-pane>
-        <Tab-pane label="Tab 3" disabled>Tab3 content</Tab-pane>
-        <Tab-pane label="Tab 4">Tab4 content</Tab-pane>
-        <Tab-pane label="Tab 5">Tab5 content</Tab-pane>
-        <Tab-pane label="Tab 6" icon="ionic">Tab6 content</Tab-pane>
-        <Tab-pane label="Tab 7" disabled>Tab7 content</Tab-pane>
-        <Tab-pane label="Tab 888888888">Tab8 content</Tab-pane>
-    </Tabs>
+    <div style="margin:20px;width:400px">
+        <Tabs type="line" :closable="closable" 3399ff>
+            <Tab-pane label="Tab 1">Tab1 content</Tab-pane>
+            <Tab-pane label="Tab 2" icon="ionic">Tab2 content</Tab-pane>
+            <Tab-pane label="Tab 3" disabled>Tab3 content</Tab-pane>
+            <Tab-pane label="Tab 4">Tab4 content</Tab-pane>
+            <Tab-pane label="Tab 5">Tab5 content</Tab-pane>
+            <Tab-pane label="Tab 6" icon="ionic">Tab6 content</Tab-pane>
+            <Tab-pane label="Tab 7" disabled>Tab7 content</Tab-pane>
+            <Tab-pane label="Tab 888888888">Tab8 content</Tab-pane>
+        </Tabs>
+    </div>
 </template>
 <script>
     export default {