diff --git a/packages/tabs/index.less b/packages/tabs/index.less
index da435dbc..5a2d3364 100644
--- a/packages/tabs/index.less
+++ b/packages/tabs/index.less
@@ -29,6 +29,11 @@
     }
   }
 
+  &__scroll--card {
+    border: 1px solid @red;
+    border-radius: 2px;
+  }
+
   &__nav {
     display: flex;
     user-select: none;
@@ -40,10 +45,6 @@
     }
 
     &--card {
-      margin: 0 15px;
-      border-radius: 2px;
-      box-sizing: border-box;
-      border: 1px solid @red;
       height: @van-tabs-card-height;
 
       .van-tab {
@@ -83,6 +84,7 @@
 
   &--card {
     padding-top: @van-tabs-card-height;
+    margin: 0 15px;
 
     .van-tabs__wrap {
       height: @van-tabs-card-height;
diff --git a/packages/tabs/index.wxml b/packages/tabs/index.wxml
index 76e22bcb..2138fef7 100644
--- a/packages/tabs/index.wxml
+++ b/packages/tabs/index.wxml
@@ -4,6 +4,7 @@
       scroll-x="{{ scrollable }}"
       scroll-with-animation
       scroll-left="{{ scrollLeft }}"
+      class="van-tabs__scroll--{{ type }}"
     >
       <view class="van-tabs__nav van-tabs__nav--{{ type }}" style="{{ color ? 'border-color: ' + color : '' }}">
         <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ lineStyle }}" />