diff --git a/src/components/events/MedicalEventsComponent.tsx b/src/components/events/MedicalEventsComponent.tsx
index 9a10da2..249bbd3 100644
--- a/src/components/events/MedicalEventsComponent.tsx
+++ b/src/components/events/MedicalEventsComponent.tsx
@@ -380,7 +380,7 @@ const MedicalEventsComponent = () => {
                 </div>
               </div>
 
-              {/* Item Rows */}
+              {/* Item Rows - FIXED IMAGE STYLING */}
               <div className="space-y-6">
                 {filteredItems().length === 0 ? (
                   <div className="text-center py-8">
@@ -398,10 +398,10 @@ const MedicalEventsComponent = () => {
                         onClick={() => navigateToDetail(item)}
                       >
                         <div className="flex flex-col md:flex-row gap-4">
-                          {/* Images Section */}
-                          <div className="flex flex-col sm:flex-row gap-1 md:w-auto">
-                            {/* Main image */}
-                            <div className="w-full sm:w-48 h-32 md:h-30 flex-shrink-0 rounded-xs overflow-hidden relative">
+                          {/* Images Section - FIXED */}
+                          <div className="flex flex-col sm:flex-row gap-1 w-full md:w-auto">
+                            {/* Main image - FIXED HEIGHT */}
+                            <div className="w-full sm:w-48 h-32 md:h-32 flex-shrink-0 rounded-sm overflow-hidden relative">
                               <img 
                                 src={getSafeImageUrl(item.mainImage, "https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=400&h=200&fit=crop")}
                                 alt={item.title}
@@ -421,11 +421,11 @@ const MedicalEventsComponent = () => {
                               </div>
                             </div>
                             
-                            {/* Gallery grid - only for events */}
+                            {/* Gallery grid - only for events - FIXED HEIGHT */}
                             {showGallery && (
-                              <div className="grid grid-cols-2 gap-1 w-full sm:w-60 h-32 md:h-30">
+                              <div className="grid grid-cols-2 gap-1 w-full sm:w-60 h-32 md:h-32">
                                 {galleryImages.map((img, index) => (
-                                  <div key={index} className="rounded-xs overflow-hidden">
+                                  <div key={index} className="rounded-sm overflow-hidden">
                                     <img 
                                       src={img}
                                       alt={`${item.title} gallery ${index + 1}`}
@@ -490,7 +490,7 @@ const MedicalEventsComponent = () => {
                       className="cursor-pointer hover:bg-gray-50 p-2 rounded-lg transition-colors"
                       onClick={() => router.push(`/event-detail/${event.id}`)}
                     >
-                      <div className="w-full h-32 lg:h-28 mb-3 overflow-hidden rounded-xs">
+                      <div className="w-full h-32 lg:h-28 mb-3 overflow-hidden rounded-sm">
                         <img 
                           src={getSafeImageUrl(event.mainImage, "https://images.unsplash.com/photo-1551601651-2a8555f1a136?w=300&h=200&fit=crop")} 
                           alt={event.title}