Commit 6e0066cf01a for woocommerce
commit 6e0066cf01a665b381419b311b0df8e72867e545
Author: verofasulo <98944206+verofasulo@users.noreply.github.com>
Date: Wed May 20 14:06:49 2026 +0200
Bump the product edit drawer header horizontal padding to 24px (#65160)
* Use 16px padding everywhere inside the product edit drawer
* Use 20px padding (was 16px) inside the product edit drawer
* Match drawer header padding to drawer body (24px)
* Bump drawer header horizontal padding only (12/24)
diff --git a/packages/js/experimental-products-app/changelog/tweak-products-app-drawer-header-padding-24px b/packages/js/experimental-products-app/changelog/tweak-products-app-drawer-header-padding-24px
new file mode 100644
index 00000000000..babd7a37ae1
--- /dev/null
+++ b/packages/js/experimental-products-app/changelog/tweak-products-app-drawer-header-padding-24px
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Bump the experimental products app product edit drawer header's horizontal padding to 24px so the title and close button align with the 24px-padded form below (vertical padding unchanged at 12px).
diff --git a/packages/js/experimental-products-app/src/style.scss b/packages/js/experimental-products-app/src/style.scss
index a11c4e320f1..df3eb7c2ccb 100644
--- a/packages/js/experimental-products-app/src/style.scss
+++ b/packages/js/experimental-products-app/src/style.scss
@@ -131,7 +131,7 @@
align-items: center;
justify-content: space-between;
gap: 12px;
- padding: 12px 16px;
+ padding: 12px var(--wpds-dimension-padding-2xl, 24px);
border-bottom: 1px solid var(--wp-components-color-gray-300, #ddd);
}