Commit 1833e1d5cfa for woocommerce

commit 1833e1d5cfa2b252fbb4f99d040ee94b1e6ce70d
Author: verofasulo <98944206+verofasulo@users.noreply.github.com>
Date:   Wed May 20 14:45:30 2026 +0200

    Match the products app drawer title to the design-system Drawer header (20px) (#65198)

    Match drawer title to design-system Drawer header (20px)

diff --git a/packages/js/experimental-products-app/changelog/tweak-products-app-drawer-title-20px b/packages/js/experimental-products-app/changelog/tweak-products-app-drawer-title-20px
new file mode 100644
index 00000000000..ef270b0e7df
--- /dev/null
+++ b/packages/js/experimental-products-app/changelog/tweak-products-app-drawer-title-20px
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Bump the experimental products app quick-edit drawer title to 20px so it matches the design-system Drawer header treatment.
diff --git a/packages/js/experimental-products-app/src/style.scss b/packages/js/experimental-products-app/src/style.scss
index df3eb7c2ccb..65d5168ec69 100644
--- a/packages/js/experimental-products-app/src/style.scss
+++ b/packages/js/experimental-products-app/src/style.scss
@@ -135,12 +135,13 @@
 	border-bottom: 1px solid var(--wp-components-color-gray-300, #ddd);
 }

-// Qualified to beat `@wordpress/ui`'s unlayered `:is(h1-h6).heading` defense rule, which would otherwise apply heading-xl (20px).
+// Qualified to beat `@wordpress/ui`'s unlayered `:is(h1-h6).heading` defense rule.
+// Matches the design-system Drawer header treatment (heading-xl, 20px).
 .woocommerce-product-edit__drawer .woocommerce-product-edit__title {
 	margin: 0;
-	font-size: 15px;
+	font-size: 20px;
 	font-weight: 500;
-	line-height: 20px;
+	line-height: 28px;
 	color: var(--wp-components-color-foreground, #1e1e1e);
 	overflow: hidden;
 	text-overflow: ellipsis;