diff --git a/src/views/Community/components/EventDetailModal.tsx b/src/views/Community/components/EventDetailModal.tsx
index 7b61af97..acd94f50 100644
--- a/src/views/Community/components/EventDetailModal.tsx
+++ b/src/views/Community/components/EventDetailModal.tsx
@@ -35,9 +35,9 @@ const EventDetailModal: React.FC<EventDetailModalProps> = ({
       className="event-detail-modal"
       styles={{
         mask: { background: 'transparent' },
-        content: { borderRadius: 24, padding: 0, maxWidth: 1400, background: 'transparent', margin: '0 auto' },
-        header: { background: '#FFFFFF', borderBottom: '1px solid #E2E8F0', padding: '16px 24px', borderRadius: '24px 24px 0 0', margin: 0 },
-        body: { padding: 0 },
+        content: { borderRadius: 24, padding: 0, maxWidth: 1400, background: 'transparent', margin: '0 auto', maxHeight: '80vh', display: 'flex', flexDirection: 'column' },
+        header: { background: '#FFFFFF', borderBottom: '1px solid #E2E8F0', padding: '16px 24px', borderRadius: '24px 24px 0 0', margin: 0, flexShrink: 0 },
+        body: { padding: 0, overflowY: 'auto', flex: 1 },
       }}
     >
       {event && <DynamicNewsDetailPanel event={event} showHeader={false} />}