Commit 8fd2c05a9fb for woocommerce
commit 8fd2c05a9fbab614ef099200085ff42d19378e91
Author: Cem Ünalan <raicem@users.noreply.github.com>
Date: Mon Sep 28 10:17:10 2026 +0300
Remove the avatar from the Marketplace account button (#69023)
WOOMKT-865: Remove the avatar from the Marketplace account button
The account button in the Marketplace header already shows the connected
email, so the avatar next to it adds little and draws the eye. Hide it
wherever the email is visible. On narrow screens the email and chevron are
hidden, so the avatar stays as the button's only content, and the WC Home
activity panel tab is unchanged.
Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
diff --git a/plugins/woocommerce/changelog/WOOMKT-865 b/plugins/woocommerce/changelog/WOOMKT-865
new file mode 100644
index 00000000000..22786bbd7ba
--- /dev/null
+++ b/plugins/woocommerce/changelog/WOOMKT-865
@@ -0,0 +1,4 @@
+Significance: patch
+Type: tweak
+
+Remove the avatar from the WooCommerce.com account button in the Marketplace header when the account email is shown.
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 12f7be265d9..5252ab220f8 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
@@ -86,6 +86,10 @@
&__header-account-trigger {
display: contents;
+ &__avatar {
+ display: contents;
+ }
+
&__email,
&__expand-icon {
display: none;
@@ -102,6 +106,12 @@
padding-right: $grid-unit-10;
max-width: 280px;
+ // The email already identifies the account, so the avatar is
+ // only kept on narrow screens where it is the sole content.
+ &__avatar {
+ display: none;
+ }
+
&__email {
display: block;
white-space: nowrap;
@@ -109,12 +119,8 @@
overflow: hidden;
}
- &__expand-icon,
- svg,
- img {
+ &__expand-icon {
display: block;
- width: $grid-unit-30;
- height: $grid-unit-30;
flex-shrink: 0;
}
}
diff --git a/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.tsx b/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.tsx
index 1f07b8364d3..b6f3da15822 100644
--- a/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.tsx
+++ b/plugins/woocommerce/client/admin/client/marketplace/components/header-account/header-account.tsx
@@ -99,7 +99,9 @@ export default function HeaderAccount( {
return (
<span className="woocommerce-marketplace__header-account-trigger">
- { avatar() }
+ <span className="woocommerce-marketplace__header-account-trigger__avatar">
+ { avatar() }
+ </span>
<span
className="woocommerce-marketplace__header-account-trigger__email"
title={