diff --git a/src/app/(agent)/agent/network/page.tsx b/src/app/(agent)/agent/network/page.tsx
index 75348fa..9616433 100644
--- a/src/app/(agent)/agent/network/page.tsx
+++ b/src/app/(agent)/agent/network/page.tsx
@@ -195,19 +195,23 @@ export default function NetworkPage() {
               {/* Pending Requests List */}
               {pendingRequests.length > 0 && (
                 <div className="px-6 divide-y divide-[#00293d]/10">
-                  {pendingRequests.map((request) => (
+                  {pendingRequests.map((request) => {
+                    const profile = request.user?.userProfile;
+                    const userName = [profile?.firstName, profile?.lastName].filter(Boolean).join(' ') || request.user?.email || 'Unknown User';
+                    return (
                     <InvitationCard
                       key={request.id}
                       id={request.id}
-                      name={request.user?.email || 'Unknown User'}
-                      avatar={request.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
+                      name={userName}
+                      avatar={profile?.avatar || request.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
                       description={request.message || 'No message provided'}
                       createdAt={request.createdAt}
                       isProcessing={processingIds.has(request.id)}
                       onAccept={handleAccept}
                       onIgnore={handleIgnore}
                     />
-                  ))}
+                    );
+                  })}
                 </div>
               )}
             </div>
@@ -245,17 +249,21 @@ export default function NetworkPage() {
               {/* Connections List */}
               {connections.length > 0 && (
                 <div className="px-6 divide-y divide-[#00293d]/10">
-                  {connections.map((connection) => (
+                  {connections.map((connection) => {
+                    const profile = connection.user?.userProfile;
+                    const userName = [profile?.firstName, profile?.lastName].filter(Boolean).join(' ') || connection.user?.email || 'Unknown User';
+                    return (
                     <ConnectionCard
                       key={connection.id}
                       id={connection.userId}
-                      name={connection.user?.email || 'Unknown User'}
-                      avatar={connection.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
+                      name={userName}
+                      avatar={profile?.avatar || connection.user?.avatar || '/assets/icons/user-placeholder-icon.svg'}
                       email={connection.user?.email || ''}
                       connectedAt={connection.respondedAt || connection.updatedAt}
                       onMessage={handleMessage}
                     />
-                  ))}
+                    );
+                  })}
                 </div>
               )}
             </div>