diff --git a/client/src/components/center-calendar/CenterCalendar.js b/client/src/components/center-calendar/CenterCalendar.js
index d3c3f97..f3e33d6 100644
--- a/client/src/components/center-calendar/CenterCalendar.js
+++ b/client/src/components/center-calendar/CenterCalendar.js
@@ -1089,8 +1089,8 @@ const EventsCalendar = () => {
 				</div>
 			</div>
 		</div>
-		<div className="column-container calendar-list-column" style={{ display: 'flex', flexDirection: 'column', flex: 1, minWidth: 0 }}>
-			<div className="column-card" style={{ height: listHeight ? `${listHeight}px` : 'auto', overflowY: 'auto', overflowX: 'auto', padding: '16px', display: 'flex', flexDirection: 'column', width: '100%', boxSizing: 'border-box' }}>
+		<div className="column-container calendar-list-column" style={{ display: 'flex', flexDirection: 'column', flex: 1, minWidth: '320px', flexShrink: 0 }}>
+			<div className="column-card" style={{ height: listHeight ? `${listHeight}px` : 'auto', overflowY: 'auto', overflowX: 'auto', padding: '16px', display: 'flex', flexDirection: 'column', width: '100%', minWidth: '320px', boxSizing: 'border-box' }}>
 				<h6 className="text-primary mb-3">List</h6>
 				<div style={{ flex: 1, overflowY: 'auto', overflowX: 'auto', width: '100%' }}>
 					{(!groupedEvents || groupedEvents.size === 0) && (