diff --git a/frontend/src/components/DiscussionsSideBar.vue b/frontend/src/components/DiscussionsSideBar.vue
index 5c68e6ac..9c54ced4 100644
--- a/frontend/src/components/DiscussionsSideBar.vue
+++ b/frontend/src/components/DiscussionsSideBar.vue
@@ -34,19 +34,21 @@
                 </template>
             </v-list-item>
             <v-divider></v-divider>
-            <v-expansion-panels v-model="expanded">
-                <using-query-result
-                    :query-result="allLearningPathsResult"
-                    v-slot="learningPaths: { data: LearningPath[] }"
-                >
-                    <DiscussionSideBarElement
-                        v-for="learningPath in learningPaths.data"
-                        :path="learningPath"
-                        :activeObjectId="'' as string"
-                        :key="learningPath.hruid"
-                    />
-                </using-query-result>
-            </v-expansion-panels>
+            <div class="nav-scroll-area">
+                <v-expansion-panels v-model="expanded">
+                    <using-query-result
+                        :query-result="allLearningPathsResult"
+                        v-slot="learningPaths: { data: LearningPath[] }"
+                    >
+                        <DiscussionSideBarElement
+                            v-for="learningPath in learningPaths.data"
+                            :path="learningPath"
+                            :activeObjectId="'' as string"
+                            :key="learningPath.hruid"
+                        />
+                    </using-query-result>
+                </v-expansion-panels>
+            </div>
         </div>
     </v-navigation-drawer>
     <div class="control-bar-above-content">
@@ -67,4 +69,10 @@
         padding-top: 2%;
         font-size: 36px;
     }
+
+    .nav-scroll-area {
+        overflow-y: auto;
+        flex-grow: 1;
+        min-height: 0;
+    }
 </style>
diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index c41f6063..01e48336 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -229,7 +229,7 @@
                     </template>
                 </v-list-item>
                 <v-divider></v-divider>
-                <div>
+                <div class="nav-scroll-area">
                     <using-query-result
                         :query-result="learningObjectListQueryResult"
                         v-slot="learningObjects: { data: LearningObject[] }"
@@ -417,4 +417,10 @@
     .discussion-link a:hover {
         text-decoration: underline;
     }
+
+    .nav-scroll-area {
+        overflow-y: auto;
+        flex-grow: 1;
+        min-height: 0;
+    }
 </style>