Commit 3dbb3c93d8a for woocommerce

commit 3dbb3c93d8ac5824be1200643df78751c811adc5
Author: verofasulo <98944206+verofasulo@users.noreply.github.com>
Date:   Thu May 14 15:19:24 2026 +0200

    Fix quick edit drawer title size and header spacing (#64811)

    * Fix quick edit drawer title size and header spacing

    * remove comment

    ---------

    Co-authored-by: Luigi Teschio <gigitux@gmail.com>

diff --git a/packages/js/experimental-products-app/changelog/fix-quick-edit-drawer-title-and-spacing b/packages/js/experimental-products-app/changelog/fix-quick-edit-drawer-title-and-spacing
new file mode 100644
index 00000000000..8588ec75eb4
--- /dev/null
+++ b/packages/js/experimental-products-app/changelog/fix-quick-edit-drawer-title-and-spacing
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Reduce quick edit drawer title to 15px and add 24px gap between the header and the first content element.
diff --git a/packages/js/experimental-products-app/src/style.scss b/packages/js/experimental-products-app/src/style.scss
index fbb5cc7e975..321c6d1618e 100644
--- a/packages/js/experimental-products-app/src/style.scss
+++ b/packages/js/experimental-products-app/src/style.scss
@@ -60,6 +60,7 @@
 	display: flex;
 	flex-direction: column;
 	height: 100%;
+	padding-top: var(--wpds-dimension-padding-2xl, 24px);
 }

 .woocommerce-product-edit__header {
@@ -71,7 +72,8 @@
 	border-bottom: 1px solid var(--wp-components-color-gray-300, #ddd);
 }

-.woocommerce-product-edit__title {
+// Qualified to beat `@wordpress/ui`'s unlayered `:is(h1-h6).heading` defense rule, which would otherwise apply heading-xl (20px).
+.woocommerce-product-edit__drawer .woocommerce-product-edit__title {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 500;