Commit 1c1fe1b2747 for woocommerce

commit 1c1fe1b2747cc5086e074c08a9401b930d533aa2
Author: Albert Juhé Lluveras <contact@albertjuhe.com>
Date:   Thu Sep 10 08:39:58 2026 +0200

    Update Mini-Cart drawer header style to use smaller font size and align it with the close button (#68432)

    * Add changelog

    * Update Mini-Cart drawer header style to use smaller font size and align it with the close button

    * Remove hard-coded line-height

    * Add back mask-image

    * Add back editor font-size

    * Reset mask-image in the editor

    * Minor fixes

    * Make Mini-Cart drawer header lines flow naturally

diff --git a/plugins/woocommerce/changelog/fix-WOOTHME-462-make-mini-cart-header-smaller b/plugins/woocommerce/changelog/fix-WOOTHME-462-make-mini-cart-header-smaller
new file mode 100644
index 00000000000..988bd927b57
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-WOOTHME-462-make-mini-cart-header-smaller
@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+Update Mini-Cart drawer header style to use smaller font size and align it with the close button
diff --git a/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss b/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss
index 9af642faa7c..0f40b2924e6 100644
--- a/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/base/components/drawer/style.scss
@@ -113,7 +113,7 @@ $drawer-animation-duration: 0.3s;
 	background: transparent !important;
 	color: inherit !important;
 	position: absolute !important;
-	top: $gap-small;
+	top: $gap-small + $gap-smallest;
 	inset-inline-end: $gap-small;
 	opacity: 0.6;
 	z-index: 2;
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss
index ab68dc91a58..b658512e6ae 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/mini-cart-contents/editor.scss
@@ -47,11 +47,15 @@
 	}

 	h2.wc-block-mini-cart__title {
-		@include font-size(larger);
+		font-size: 1.5rem;
+		mask-image: none;

 		.block-editor-block-list__layout {
 			display: flex;
 			align-items: baseline;
+
+			// Simulate the space taken by notifications in the frontend.
+			margin-top: $gap;
 		}
 	}

diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/style.scss
index e203c42b9ee..9b0adca82b9 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/mini-cart/style.scss
@@ -138,18 +138,12 @@
 }

 h2.wc-block-mini-cart__title {
-	display: flex;
-	align-items: baseline;
 	background: inherit;
 	padding-bottom: $gap * 2;
 	mask-image: linear-gradient(#000 calc(100% - #{$gap * 1.5}), transparent);
 	z-index: 1;
-	margin: $gap $gap $gap * -2;
-	@include font-size(larger);
-
-	span:first-child {
-		margin-right: $gap-smaller;
-	}
+	margin: $gap-smallest * -0.5 $gap $gap * -2;
+	font-size: 1.5rem;
 }

 .wc-block-mini-cart__items {