From c44bf1a47364be0501005dce67f77cfd7416fb88 Mon Sep 17 00:00:00 2001
From: devformatters2 <177856586+devformatters2@users.noreply.github.com>
Date: Thu, 5 Sep 2024 16:01:47 +0800
Subject: [PATCH] fix(tabs): fix flex layout causes incorrect spacing rendering
 for overflow list on mobile Safari

---
 src/components/SquareTabs/styles.module.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SquareTabs/styles.module.css b/src/components/SquareTabs/styles.module.css
index b20d95eb29..19957498e2 100644
--- a/src/components/SquareTabs/styles.module.css
+++ b/src/components/SquareTabs/styles.module.css
@@ -43,8 +43,8 @@
 .tabList {
   @mixin hide-scrollbar;
 
-  display: flex;
   overflow-x: auto;
+  white-space: nowrap;
   -webkit-overflow-scrolling: touch;
 
   &.sticky {
@@ -58,7 +58,7 @@
 .tabItem {
   @mixin transition;
 
-  flex-shrink: 0;
+  display: inline-block;
   padding: var(--sp5) var(--sp10);
   margin-right: var(--sp16);
   font-size: var(--text14);