diff --git a/frontend/my-react-app/src/api/events.api.ts b/frontend/my-react-app/src/api/events.api.ts
index a8686a6..156d7fa 100644
--- a/frontend/my-react-app/src/api/events.api.ts
+++ b/frontend/my-react-app/src/api/events.api.ts
@@ -30,7 +30,7 @@ export const getEventById = async (eventId: number): Promise<Event> => {
     title: event.title,
     description: event.description,
     category: event.eventType,
-    image: event.imageUrl ? [`http://localhost:8080${event.imageUrl}`] : [],
+    image: event.imageUrl ? (event.imageUrl.startsWith('http') || event.imageUrl.startsWith('https') ? [event.imageUrl] : [`http://localhost:8080${event.imageUrl}`]) : [],
     price: event.price || 0,
     startDate: new Date(event.startDateTime),
     endDate: new Date(event.endDateTime),
diff --git a/frontend/my-react-app/src/mytickets.tsx b/frontend/my-react-app/src/mytickets.tsx
index 0fa0160..1c7c72d 100644
--- a/frontend/my-react-app/src/mytickets.tsx
+++ b/frontend/my-react-app/src/mytickets.tsx
@@ -112,7 +112,7 @@ END:VCALENDAR`;
             <div key={ticket.ticketId} className="ticket-card">
               <div className="ticket-content">
                 <img
-                  src={ticket.event.imageUrl || '/src/images/samantha-gades-fIHozNWfcvs-unsplash.jpg'}
+                  src={ticket.event.imageUrl ? (ticket.event.imageUrl.startsWith('http') || ticket.event.imageUrl.startsWith('https') ? ticket.event.imageUrl : `http://localhost:8080${ticket.event.imageUrl}`) : '/images/samantha-gades-fIHozNWfcvs-unsplash.jpg'}
                   alt={ticket.event.title}
                   className="ticket-image"
                 />