From 53d3a41e013c91c8e80c570faaf7925707ba20ef Mon Sep 17 00:00:00 2001
From: "Elain T." <elain.tsai@graycore.io>
Date: Fri, 27 Dec 2024 03:11:17 +0800
Subject: [PATCH] feat(design): tab style updates (#3379)

---
 .../tabs/examples/src/basic-tabs/basic-tabs.component.html      | 2 +-
 .../tabs/src/tabs/tab-activator/tab-activator.component.scss    | 1 +
 libs/design/tabs/src/tabs/tabs.component.scss                   | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html b/libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html
index cc19b743ba..c43ebbfca1 100644
--- a/libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html
+++ b/libs/design/tabs/examples/src/basic-tabs/basic-tabs.component.html
@@ -2,7 +2,7 @@
 	<daff-tab>
 		<daff-tab-label>
 			<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
-			Tab 1
+			Usage 1
 		</daff-tab-label>
 		<daff-tab-panel>
 			Tab 1 Panel
diff --git a/libs/design/tabs/src/tabs/tab-activator/tab-activator.component.scss b/libs/design/tabs/src/tabs/tab-activator/tab-activator.component.scss
index 45962f3b92..2ffa33e5d9 100644
--- a/libs/design/tabs/src/tabs/tab-activator/tab-activator.component.scss
+++ b/libs/design/tabs/src/tabs/tab-activator/tab-activator.component.scss
@@ -8,6 +8,7 @@
 	border: none;
 	color: currentColor;
 	font-size: 1rem;
+	line-height: 1.5rem;
 	font-weight: 400;
 	height: 2.5rem;
 	margin: 0;
diff --git a/libs/design/tabs/src/tabs/tabs.component.scss b/libs/design/tabs/src/tabs/tabs.component.scss
index 4b9a1424f1..06b1017ca5 100644
--- a/libs/design/tabs/src/tabs/tabs.component.scss
+++ b/libs/design/tabs/src/tabs/tabs.component.scss
@@ -9,7 +9,7 @@
 
 	#{$root}__tab-list {
 		display: flex;
-		overflow-x: scroll;
+		overflow-x: auto;
 		scrollbar-width: thin;
 	}
 }