From 3345bca8b85b2e9b80b388e5d266569ed9079998 Mon Sep 17 00:00:00 2001
From: nemo-shen <kienshin626@gmail.com>
Date: Thu, 28 Oct 2021 09:44:57 +0800
Subject: [PATCH] fix(Tab): fix style error with card of type (#4582)

---
 packages/tabs/index.less | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/tabs/index.less b/packages/tabs/index.less
index 462c1ed5..bd655315 100644
--- a/packages/tabs/index.less
+++ b/packages/tabs/index.less
@@ -40,7 +40,12 @@
     }
 
     &--card {
+      box-sizing: border-box;
       margin: 0 var(--padding-md, @padding-md);
+      border: @border-width-base solid
+        var(--tabs-default-color, @tabs-default-color);
+      width: calc(100% - calc(var(--padding-md, @padding-md) * 2));
+      border-radius: @border-radius-sm;
     }
 
     &::-webkit-scrollbar {
@@ -56,9 +61,6 @@
     &--card {
       box-sizing: border-box;
       height: var(--tabs-card-height, @tabs-card-height);
-      border: @border-width-base solid
-        var(--tabs-default-color, @tabs-default-color);
-      border-radius: @border-radius-sm;
 
       .van-tab {
         color: var(--tabs-default-color, @tabs-default-color);