scrolling items

nextjs/src/app/course/[courseName]/modules/ModuleList.tsx

@@ -1,5 +1,5 @@
 "use client";
-import {  useModuleNamesQuery } from "@/hooks/localCourse/localCourseModuleHooks";
+import { useModuleNamesQuery } from "@/hooks/localCourse/localCourseModuleHooks";
 import ExpandableModule from "./ExpandableModule";
 import CreateModule from "./CreateModule";
 
@@ -11,6 +11,10 @@ export default function ModuleList() {
       {moduleNames.map((m) => (
         <ExpandableModule key={m} moduleName={m} />
       ))}
+      <br />
+      <br />
+      <br />
+      <br />
     </div>
   );
 }

nextjs/src/app/course/[courseName]/page.tsx

@@ -17,7 +17,7 @@ export default async function CoursePage({}: {}) {
               <CourseNavigation />
               <CourseCalendar />
             </div>
-            <div className="w-96 p-3">
+            <div className="w-96 p-3 h-full overflow-y-auto">
               <CourseSettingsLink />
               <ModuleList />
             </div>