diff --git a/frontend/src/containers/Event/Event.tsx b/frontend/src/containers/Event/Event.tsx
index a85b0d8..e5ae797 100644
--- a/frontend/src/containers/Event/Event.tsx
+++ b/frontend/src/containers/Event/Event.tsx
@@ -71,7 +71,7 @@ const EventContainer = async ({
   return (
     <div>
       <div className='container'>
-        <div className='relative mx-auto my-12 h-96 w-full overflow-hidden rounded-2xl shadow-xl'>
+        <div className='relative mx-auto my-12 h-[60vh] w-full overflow-hidden rounded-2xl shadow-xl'>
           <Image
             src={cover_image ?? event1}
             alt={name}
diff --git a/frontend/src/sections/EventSection/EventCard.tsx b/frontend/src/sections/EventSection/EventCard.tsx
index 34354c3..3d960ca 100644
--- a/frontend/src/sections/EventSection/EventCard.tsx
+++ b/frontend/src/sections/EventSection/EventCard.tsx
@@ -51,7 +51,8 @@ const EventCard: React.FC<EventProps> = ({
           className='rounded-t-lg'
           style={{
             maxWidth: '100%',
-            height: 'auto',
+            height: '100%',
+            objectFit: 'cover',
           }}
         />
       </div>