From 2b48832d612b6ba112f3dbfb737ca6482c8049ee Mon Sep 17 00:00:00 2001
From: Ashar Fuadi <ashar.fuadi@automattic.com>
Date: Tue, 12 May 2026 11:13:21 +0700
Subject: [PATCH] Admin bar: Make the user avatar image circular

---
 src/wp-includes/admin-bar.php     |  2 +-
 src/wp-includes/css/admin-bar.css | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/wp-includes/admin-bar.php b/src/wp-includes/admin-bar.php
index 50868b11a2870..2ab30a24c27ee 100644
--- a/src/wp-includes/admin-bar.php
+++ b/src/wp-includes/admin-bar.php
@@ -276,7 +276,7 @@ function wp_admin_bar_my_account_item( $wp_admin_bar ) {
 	/* translators: %s: Current user's display name. */
 	$howdy = sprintf( __( 'Howdy, %s' ), '<span class="display-name">' . wp_get_current_user()->display_name . '</span>' );
 
-	$avatar = get_avatar( $user_id, 26 );
+	$avatar = get_avatar( $user_id, 28 );
 	$wp_admin_bar->add_node(
 		array(
 			'id'     => 'my-account',
diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css
index 2331aeafd4b3c..e364940c9570e 100644
--- a/src/wp-includes/css/admin-bar.css
+++ b/src/wp-includes/css/admin-bar.css
@@ -454,6 +454,7 @@ html:lang(he-il) .rtl #wpadminbar * {
 	top: 4px;
 	width: 64px;
 	height: 64px;
+	border-radius: 50%;
 }
 
 #wpadminbar #wp-admin-bar-user-info a {
@@ -480,9 +481,10 @@ html:lang(he-il) .rtl #wpadminbar * {
 #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
 #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
 	width: auto;
-	height: 16px;
+	height: 20px;
 	padding: 0;
 	border: 1px solid #8c8f94;
+	border-radius: 50%;
 	background: #f0f0f1;
 	line-height: 1.84615384;
 	vertical-align: middle;
@@ -976,10 +978,11 @@ html:lang(he-il) .rtl #wpadminbar * {
 
 	#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
 		position: absolute;
-		top: 13px;
+		top: 12px;
 		right: 10px;
-		width: 26px;
-		height: 26px;
+		width: 28px;
+		height: 28px;
+		border-radius: 50%;
 	}
 
 	#wpadminbar #wp-admin-bar-user-actions.ab-submenu {