diff --git a/web/src/settings_invites.ts b/web/src/settings_invites.ts
index dff6a979dd..93304e506f 100644
--- a/web/src/settings_invites.ts
+++ b/web/src/settings_invites.ts
@@ -45,6 +45,7 @@ type Invite = z.output<typeof invite_schema> & {
     is_admin?: boolean;
     disable_buttons?: boolean;
     referrer_name?: string;
+    img_src?: string;
 };
 
 const meta = {
@@ -101,6 +102,9 @@ function populate_invites(invites_data: {invites: Invite[]}): void {
                 item.invited_as === settings_config.user_role_values.owner.code &&
                 !current_user.is_owner;
             item.referrer_name = people.get_by_user_id(item.invited_by_user_id).full_name;
+            item.img_src = people.small_avatar_url_for_person(
+                people.get_by_user_id(item.invited_by_user_id),
+            );
             return render_admin_invites_list({invite: item});
         },
         filter: {
diff --git a/web/templates/settings/admin_invites_list.hbs b/web/templates/settings/admin_invites_list.hbs
index a68c9493c8..6e1639811c 100644
--- a/web/templates/settings/admin_invites_list.hbs
+++ b/web/templates/settings/admin_invites_list.hbs
@@ -13,8 +13,8 @@
     </td>
     {{#if is_admin}}
     <td>
-        <span class="referred_by">
-            <a data-user-id="{{invited_by_user_id}}" class="view_user_profile" tabindex="0">{{referrer_name}}</a>
+        <span class="referred_by panel_user_list">
+            {{> ../user_display_only_pill display_value=referrer_name user_id=invited_by_user_id}}
         </span>
     </td>
     {{/if}}