diff --git a/components/tabs/style/card-style.less b/components/tabs/style/card-style.less
index 3cea4d72a7f6..ea100406e550 100644
--- a/components/tabs/style/card-style.less
+++ b/components/tabs/style/card-style.less
@@ -29,6 +29,10 @@
     border-color: @border-color-split;
     border-bottom: @border-width-base solid @component-background;
   }
+  &&-card &-card-bar &-tab-disabled {
+    color: @tabs-card-active-color;
+    color: @disabled-color;
+  }
   &&-card &-card-bar &-tab-inactive {
     padding: 0;
   }
diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less
index 66782d4a6233..bd2f5f203f31 100644
--- a/components/tabs/style/index.less
+++ b/components/tabs/style/index.less
@@ -197,6 +197,11 @@
         margin-right: 8px;
       }
 
+      &-active {
+        color: @tabs-highlight-color;
+        font-weight: 500;
+      }
+
       &-disabled {
         &,
         &:hover {
@@ -204,11 +209,6 @@
           cursor: not-allowed;
         }
       }
-
-      &-active {
-        color: @tabs-highlight-color;
-        font-weight: 500;
-      }
     }
   }
 
@@ -259,14 +259,9 @@
   .@{tab-prefix-cls}-right-bar {
     height: 100%;
     border-bottom: 0;
-    &-tab-prev,
-    &-tab-next {
-      width: @tabs-scrolling-size;
-      height: 0;
-      transition: height 0.3s @ease-in-out, opacity 0.3s @ease-in-out, color 0.3s @ease-in-out;
-    }
-    &-tab-prev.@{tab-prefix-cls}-tab-arrow-show,
-    &-tab-next.@{tab-prefix-cls}-tab-arrow-show {
+
+    .@{tab-prefix-cls}-tab-arrow-show,
+    .@{tab-prefix-cls}-tab-arrow-show {
       width: 100%;
       height: @tabs-scrolling-size;
     }
@@ -320,6 +315,7 @@
     }
 
     .@{tab-prefix-cls}-tab-next {
+      right: 0;
       bottom: 0;
       width: 100%;
       height: @tabs-scrolling-size;