From c53968a7f85ed0ebb13f3db0976fcccca7ea009f Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <130811169+b-saikrishnakanth@users.noreply.github.com>
Date: Fri, 27 Mar 2026 16:00:51 +0530
Subject: [PATCH] [WEB-6762] fix: missing profile icons for recent activities
 on "Your Work" Page #8812

---
 .../components/profile/overview/activity.tsx  | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/apps/web/core/components/profile/overview/activity.tsx b/apps/web/core/components/profile/overview/activity.tsx
index cda3b8fb8..23bb961f7 100644
--- a/apps/web/core/components/profile/overview/activity.tsx
+++ b/apps/web/core/components/profile/overview/activity.tsx
@@ -9,6 +9,7 @@ import { useParams } from "next/navigation";
 import useSWR from "swr";
 // ui
 import { useTranslation } from "@plane/i18n";
+import { Avatar } from "@plane/propel/avatar";
 import { EmptyStateCompact } from "@plane/propel/empty-state";
 import { Loader, Card } from "@plane/ui";
 import { calculateTimeAgo, getFileURL } from "@plane/utils";
@@ -49,19 +50,12 @@ export const ProfileActivity = observer(function ProfileActivity() {
             <div className="space-y-5">
               {userProfileActivity.results.map((activity) => (
                 <div key={activity.id} className="flex gap-3">
-                  <div className="grid h-6 w-6 flex-shrink-0 place-items-center overflow-hidden rounded-sm">
-                    {activity.actor_detail?.avatar_url && activity.actor_detail?.avatar_url !== "" ? (
-                      <img
-                        src={getFileURL(activity.actor_detail?.avatar_url)}
-                        alt={activity.actor_detail?.display_name}
-                        className="rounded-sm"
-                      />
-                    ) : (
-                      <div className="grid h-6 w-6 place-items-center rounded-sm border-2 border-strong text-11 text-on-color">
-                        {activity.actor_detail?.display_name?.charAt(0)}
-                      </div>
-                    )}
-                  </div>
+                  <Avatar
+                    name={activity.actor_detail?.display_name}
+                    src={getFileURL(activity.actor_detail?.avatar_url)}
+                    size="base"
+                    shape="square"
+                  />
                   <div className="-mt-1 w-4/5 break-words">
                     <p className="inline text-13 text-secondary">
                       <span className="font-medium text-primary">