Commit 63fe89f14a8 for woocommerce
commit 63fe89f14a8d1c619a2edae4f6ee9430887758a6
Author: Ann <annchichi@users.noreply.github.com>
Date: Tue May 12 14:55:57 2026 +0800
Fix Marketplace header account button height and alignment (#64420)
* Fix account button height mismatch in Marketplace header
* Add changelog for marketplace header account button height fix
* Fix vertical alignment of search and account button in Marketplace header
* Fix Marketplace header account alignment
diff --git a/plugins/woocommerce/changelog/fix-marketplace-header-account-button-height b/plugins/woocommerce/changelog/fix-marketplace-header-account-button-height
new file mode 100644
index 00000000000..e5d412d414a
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-marketplace-header-account-button-height
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix account dropdown button height mismatch with search input in Marketplace header
diff --git a/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.scss b/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.scss
index 3b6c7995b41..884e930b576 100644
--- a/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.scss
+++ b/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.scss
@@ -37,6 +37,12 @@
}
}
+ &__user-menu {
+ > button.components-dropdown-menu__toggle {
+ height: 40px; // Match WP 7.0 input height and align with adjacent search input.
+ }
+ }
+
&__header-account-trigger {
display: contents;
diff --git a/plugins/woocommerce/client/admin/client/marketplace/components/header/header.scss b/plugins/woocommerce/client/admin/client/marketplace/components/header/header.scss
index ed0b9d5042c..4b0a27f4517 100644
--- a/plugins/woocommerce/client/admin/client/marketplace/components/header/header.scss
+++ b/plugins/woocommerce/client/admin/client/marketplace/components/header/header.scss
@@ -69,7 +69,7 @@
.woocommerce-marketplace__header-meta {
grid-area: mktpl-meta;
justify-self: end;
- padding-top: 10px;
+ padding-top: $grid-unit-10;
@media screen and (max-width: $breakpoint-large) {
margin-right: $content-spacing-large;