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>
               ))}