From 1ee9b5a756e9e54424edb794bf0ac4875354dd65 Mon Sep 17 00:00:00 2001
From: paul sealock <psealock@gmail.com>
Date: Wed, 29 May 2024 12:54:15 +1200
Subject: [PATCH] tabs styles better

---
 plugins/woocommerce-admin/client/settings/index.js   | 3 ++-
 plugins/woocommerce-admin/client/settings/style.scss | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-admin/client/settings/index.js b/plugins/woocommerce-admin/client/settings/index.js
index bfbe428eb8b..ee6312b0525 100644
--- a/plugins/woocommerce-admin/client/settings/index.js
+++ b/plugins/woocommerce-admin/client/settings/index.js
@@ -20,7 +20,8 @@ const Settings = ( { params } ) => {
 		<>
 			<Tabs data={ settingsData } page={ params.page }>
 				<p>
-					now editing <span>{ params.page }</span>
+					now editing{ ' ' }
+					<span>{ settingsData[ params.page ].label }</span>
 				</p>
 			</Tabs>
 		</>
diff --git a/plugins/woocommerce-admin/client/settings/style.scss b/plugins/woocommerce-admin/client/settings/style.scss
index dbf645644e0..cf6e7e9214f 100644
--- a/plugins/woocommerce-admin/client/settings/style.scss
+++ b/plugins/woocommerce-admin/client/settings/style.scss
@@ -13,10 +13,11 @@
 .woocommerce-settings-tabs {
 	.components-tab-panel__tabs {
 		border-bottom: 1px solid lightgray;
-		padding: 16px 16px 0 16px;
+		padding: 14px 14px 0 14px;
 	}
 	.components-tab-panel__tabs-item {
 		font-weight: 400;
+		border: 2px solid transparent;
 
 		&.active-tab {
 			border-bottom: 2px solid blue;