From 38fd72c56fc24af2433207934c455baee23b9081 Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <bsaikrishnakanth97@gmail.com>
Date: Fri, 27 Mar 2026 13:57:31 +0530
Subject: [PATCH] fix: missing profile icons for recent activities on "Your
 Work" Page

---
 .../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 cda3b8fb842..23bb961f770 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">