diff --git a/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx b/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx
index 920309d87..3e054c038 100644
--- a/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx
+++ b/src/components/TransactionDetails/TransactionDetailsHeaderCard.tsx
@@ -179,17 +179,16 @@ export const TransactionDetailsHeaderCard: React.FC<TransactionDetailsHeaderCard
 
     const icon = getIcon(direction, isLinkTransaction)
 
+    const handleUserPfpClick = () => {
+        if (isAvatarClickable) {
+            router.push(`/${userName}`)
+        }
+    }
+
     return (
         <Card className="relative p-4 md:p-6" position="single">
             <div className="flex items-center gap-3">
-                <div
-                    className={twMerge(isAvatarClickable && 'cursor-pointer')}
-                    onClick={() => {
-                        if (isAvatarClickable) {
-                            router.push(`/${userName}`)
-                        }
-                    }}
-                >
+                <div className={twMerge(isAvatarClickable && 'cursor-pointer')} onClick={handleUserPfpClick}>
                     {avatarUrl ? (
                         <div className="flex h-16 w-16 items-center justify-center rounded-full">
                             <Image
@@ -221,6 +220,7 @@ export const TransactionDetailsHeaderCard: React.FC<TransactionDetailsHeaderCard
                             className="flex items-center gap-1"
                             haveSentMoneyToUser={haveSentMoneyToUser}
                             iconSize={18}
+                            onNameClick={isAvatarClickable ? handleUserPfpClick : undefined}
                         />
                     </h2>
                     <h1
diff --git a/src/components/UserHeader/index.tsx b/src/components/UserHeader/index.tsx
index 62c0fe73e..e03c85ebe 100644
--- a/src/components/UserHeader/index.tsx
+++ b/src/components/UserHeader/index.tsx
@@ -50,6 +50,7 @@ export const VerifiedUserLabel = ({
     iconSize = 14,
     haveSentMoneyToUser = false,
     isAuthenticatedUserVerified = false,
+    onNameClick,
 }: {
     name: string
     username: string
@@ -58,6 +59,7 @@ export const VerifiedUserLabel = ({
     iconSize?: number
     haveSentMoneyToUser?: boolean
     isAuthenticatedUserVerified?: boolean
+    onNameClick?: () => void
 }) => {
     const { invitedUsernamesSet, user } = useAuth()
     // determine badge and tooltip content based on verification status
@@ -94,7 +96,12 @@ export const VerifiedUserLabel = ({
                     address={username}
                 />
             ) : (
-                <div className={twMerge('font-semibold md:text-base', className)}>{name}</div>
+                <div
+                    className={twMerge('font-semibold md:text-base', className, onNameClick && 'cursor-pointer')}
+                    onClick={onNameClick}
+                >
+                    {name}
+                </div>
             )}
 
             {badge && (