From 25c09da30658b73d700480a0b6ddf6da42e847af Mon Sep 17 00:00:00 2001
From: paul sealock <psealock@gmail.com>
Date: Fri, 13 Sep 2024 15:49:54 +1200
Subject: [PATCH] title styles

---
 .../woocommerce-admin/client/settings/index.js   |  2 +-
 .../woocommerce-admin/client/settings/style.scss | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/settings/index.js b/plugins/woocommerce-admin/client/settings/index.js
index 3a902f64327..fcc5d5e3698 100644
--- a/plugins/woocommerce-admin/client/settings/index.js
+++ b/plugins/woocommerce-admin/client/settings/index.js
@@ -118,7 +118,7 @@ const Settings = ( { params, query } ) => {
 						} }
 					>
 						<div className="woocommerce-settings-layout-title">
-							<h1>{ title }</h1>
+							<h2>{ title }</h2>
 						</div>
 						<SectionNav
 							data={ settingsData[ page ] }
diff --git a/plugins/woocommerce-admin/client/settings/style.scss b/plugins/woocommerce-admin/client/settings/style.scss
index d67f9364536..f6bf3cc6bfe 100644
--- a/plugins/woocommerce-admin/client/settings/style.scss
+++ b/plugins/woocommerce-admin/client/settings/style.scss
@@ -166,6 +166,22 @@
 	padding: 16px 48px;
 }
 
+.woocommerce-settings-layout-title {
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: #1e1e1e;
+	line-height: 1.4;
+	margin: 0;
+	text-wrap: balance;
+	text-wrap: pretty;
+	color: #1e1e1e;
+	font-size: calc(1.56 * 13px);
+	font-weight: 500;
+	display: block;
+}
+
 .woocommerce-settings-element {
 	display: flex;
 	justify-content: space-between;