From d1951320c18b6d774844cb6fd25d3a526cddbc29 Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Fri, 20 Sep 2024 13:14:25 -0600
Subject: [PATCH] scrolling items

---
 nextjs/src/app/course/[courseName]/modules/ModuleList.tsx | 6 +++++-
 nextjs/src/app/course/[courseName]/page.tsx               | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/nextjs/src/app/course/[courseName]/modules/ModuleList.tsx b/nextjs/src/app/course/[courseName]/modules/ModuleList.tsx
index 0221ee8..2ec9321 100644
--- a/nextjs/src/app/course/[courseName]/modules/ModuleList.tsx
+++ b/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>
   );
 }
diff --git a/nextjs/src/app/course/[courseName]/page.tsx b/nextjs/src/app/course/[courseName]/page.tsx
index 6542da6..f9a3383 100644
--- a/nextjs/src/app/course/[courseName]/page.tsx
+++ b/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>