From 92c5ccef3d2ba852b8182335db78572b3defe03c Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Thu, 16 May 2024 05:09:33 +0530
Subject: [PATCH] fix: my activity user image overflow (#4469)

---
 web/components/profile/overview/activity.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/profile/overview/activity.tsx b/web/components/profile/overview/activity.tsx
index 7dd20611f..50a67e737 100644
--- a/web/components/profile/overview/activity.tsx
+++ b/web/components/profile/overview/activity.tsx
@@ -44,13 +44,11 @@ export const ProfileActivity = observer(() => {
             <div className="space-y-5">
               {userProfileActivity.results.map((activity) => (
                 <div key={activity.id} className="flex gap-3">
-                  <div className="flex-shrink-0">
+                  <div className="flex-shrink-0 grid place-items-center overflow-hidden rounded h-6 w-6">
                     {activity.actor_detail?.avatar && activity.actor_detail?.avatar !== "" ? (
                       <img
                         src={activity.actor_detail?.avatar}
                         alt={activity.actor_detail?.display_name}
-                        height={24}
-                        width={24}
                         className="rounded"
                       />
                     ) : (
@@ -72,7 +70,9 @@ export const ProfileActivity = observer(() => {
                         </span>
                       )}
                     </p>
-                    <p className="text-xs text-custom-text-200 whitespace-nowrap ">{calculateTimeAgo(activity.created_at)}</p>
+                    <p className="text-xs text-custom-text-200 whitespace-nowrap ">
+                      {calculateTimeAgo(activity.created_at)}
+                    </p>
                   </div>
                 </div>
               ))}