diff --git a/client/src/components/center-calendar/CenterCalendar.js b/client/src/components/center-calendar/CenterCalendar.js
index a8c79a4..e6d59d2 100644
--- a/client/src/components/center-calendar/CenterCalendar.js
+++ b/client/src/components/center-calendar/CenterCalendar.js
@@ -1267,7 +1267,7 @@ const EventsCalendar = () => {
 			</div>
 		</div>
 		<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' }}>
+			<div className="column-card" style={{ height: listHeight ? `${listHeight}px` : 'auto', minHeight: 'calc(100vh - 270px)', overflowY: 'auto', overflowX: 'auto', padding: '16px 16px 24px 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) && (
diff --git a/client/src/components/events/EventsCalendar.js b/client/src/components/events/EventsCalendar.js
index 3822d29..8f73302 100644
--- a/client/src/components/events/EventsCalendar.js
+++ b/client/src/components/events/EventsCalendar.js
@@ -578,7 +578,7 @@ const EventsCalendar = () => {
 			</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: 'hidden', padding: '16px', display: 'flex', flexDirection: 'column', width: '100%', boxSizing: 'border-box' }}>
+			<div className="column-card" style={{ height: listHeight ? `${listHeight}px` : 'auto', minHeight: 'calc(100vh - 270px)', overflowY: 'auto', overflowX: 'hidden', padding: '16px 16px 24px 16px', display: 'flex', flexDirection: 'column', width: '100%', boxSizing: 'border-box' }}>
 				<h6 className="text-primary mb-3">List</h6>
 				<div style={{ flex: 1, overflowY: 'auto', width: '100%' }}>
 					{(!groupedEvents || groupedEvents.size === 0) && (