diff --git a/src/app/events/[eventID]/page.tsx b/src/app/events/[eventID]/page.tsx
index 810c571..4248d7a 100644
--- a/src/app/events/[eventID]/page.tsx
+++ b/src/app/events/[eventID]/page.tsx
@@ -148,6 +148,7 @@ export default function ShowEvent() {
                       <ParticipantListEntry
                         key={user.user.id}
                         participant={user.user.name}
+                        imageSrc={user.user.image}
                       ></ParticipantListEntry>
                     ))}
                   </div>
diff --git a/src/components/custom-ui/participant-list-entry.tsx b/src/components/custom-ui/participant-list-entry.tsx
index a584112..292a28b 100644
--- a/src/components/custom-ui/participant-list-entry.tsx
+++ b/src/components/custom-ui/participant-list-entry.tsx
@@ -6,19 +6,22 @@ import { useTheme } from 'next-themes';
 
 type ParticipantListEntryProps = {
   participant: string;
-  imageSrc?: string;
+  imageSrc?: string | null;
 };
 
 export default function ParticipantListEntry({
   participant,
+  imageSrc,
 }: ParticipantListEntryProps) {
   const { resolvedTheme } = useTheme();
-
-  const iconSrc =
+  const defaultImage =
     resolvedTheme === 'dark' ? user_default_dark : user_default_light;
+
+  const finalImageSrc = imageSrc ?? defaultImage;
+
   return (
     <div className='flex items-center gap-2 py-1 ml-5'>
-      <Image src={iconSrc} alt='Avatar' width={30} height={30} />
+      <Image src={finalImageSrc} alt='Avatar' width={30} height={30} />
       <span>{participant}</span>
     </div>
   );