From 3642f316d0c125f82c63916b4b1979f2a125ac53 Mon Sep 17 00:00:00 2001
From: Rami Yushuvaev <r_a_m_i@hotmail.com>
Date: Mon, 3 Aug 2026 17:29:33 +0300
Subject: [PATCH] fix: remove `<h1>` heading from the toolbar

---
 src/css/common/_toolbar.scss         | 5 +++++
 src/js/components/common/Toolbar.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/css/common/_toolbar.scss b/src/css/common/_toolbar.scss
index 2fe2b16d2..e2bda2072 100644
--- a/src/css/common/_toolbar.scss
+++ b/src/css/common/_toolbar.scss
@@ -45,6 +45,11 @@ $wpcontent-inline-start-indent: 20px;
 		img {
 			block-size: 42px;
 		}
+
+		div {
+			font-size: 18px;
+			font-weight: 700;
+		}
 	}
 
 	h1 {
diff --git a/src/js/components/common/Toolbar.tsx b/src/js/components/common/Toolbar.tsx
index c43f37f2c..79be31346 100644
--- a/src/js/components/common/Toolbar.tsx
+++ b/src/js/components/common/Toolbar.tsx
@@ -93,7 +93,7 @@ const UpperNav: React.FC<UpperNavProps> = ({ setIsUpsellDialogOpen }) =>
 				aria-hidden="true"
 			/>
 
-			<h1>{__('Code Snippets', 'code-snippets')}</h1>
+			<div>{__('Code Snippets', 'code-snippets')}</div>
 		</div>
 
 		<nav aria-label={__('Main links', 'code-snippets')}>