From 20a31ea8e093fc4366d4cc39663184f0948c92ac Mon Sep 17 00:00:00 2001
From: Camille Moussu <66134347+Eriikah@users.noreply.github.com>
Date: Thu, 25 Sep 2025 11:26:43 +0200
Subject: [PATCH] [#384] fixed scrollbar (#143)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>
---
 src/components/Calendar/Calendar.css |  4 ++++
 src/components/Calendar/Calendar.tsx | 10 ++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

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 />