diff --git a/src/components/Calendar/Calendar.css b/src/components/Calendar/Calendar.css
index 87e7712..41233fd 100644
--- a/src/components/Calendar/Calendar.css
+++ b/src/components/Calendar/Calendar.css
@@ -28,7 +28,11 @@
   border-right: 2px solid #f3f4f6;
   width: 20vw;
   padding: 16px 25px;
+  height: 90vh;
+  flex-direction: column;
+  overflow: auto;
 }
+
 .declined-event {
   opacity: 0.7;
 }
diff --git a/src/components/Calendar/Calendar.tsx b/src/components/Calendar/Calendar.tsx
index 00d2146..e06f9d3 100644
--- a/src/components/Calendar/Calendar.tsx
+++ b/src/components/Calendar/Calendar.tsx
@@ -302,10 +302,12 @@ export default function CalendarApp() {
           setSelectedCalendars={setSelectedCalendars}
           setTempEvent={setTempEvent}
         />
-        <CalendarSelection
-          selectedCalendars={selectedCalendars}
-          setSelectedCalendars={setSelectedCalendars}
-        />
+        <div className="calendarList">
+          <CalendarSelection
+            selectedCalendars={selectedCalendars}
+            setSelectedCalendars={setSelectedCalendars}
+          />
+        </div>
       </div>
       <div className="calendar">
         <ImportAlert />