diff --git a/src/components/Event/EventDetails.tsx b/src/components/Event/EventDetails.tsx
index 2952308..d66deed 100644
--- a/src/components/Event/EventDetails.tsx
+++ b/src/components/Event/EventDetails.tsx
@@ -5,9 +5,11 @@ import { useContext } from 'react';
 import EventContext from './EventContext';
 
 export default function EventDetails() {
-	const { startTime, endTime, formattedAddress } =
+	const { startTime, duration, formattedAddress } =
 		useContext(EventContext).event;
 
+	const endTime = new Date(new Date(startTime).getTime() + duration * 60);
+
 	return (
 		<div
 			style={{
@@ -25,7 +27,7 @@ export default function EventDetails() {
 			>
 				<EventIcon style={{ marginRight: '1rem' }} />
 				{endTime
-					? formatStartAndEndTime(startTime, endTime)
+					? formatStartAndEndTime(startTime, endTime.toISOString())
 					: new Date(startTime).toLocaleString()}
 			</div>
 			<br />