diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 5ad9fe9..a21c5e2 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { IconoirProvider } from "@iconoir/vue";
 import SideBar from "./components/SideBar.vue";
+import ScrollPanel from "primevue/scrollpanel";
 </script>
 
 <template>
@@ -15,7 +16,9 @@ import SideBar from "./components/SideBar.vue";
 		<div id="snw-ui">
 			<SideBar />
 			<div id="display-content">
-				<RouterView />
+				<ScrollPanel style="width: 100%; height: 100%">
+					<RouterView />
+				</ScrollPanel>
 			</div>
 		</div>
 	</IconoirProvider>
@@ -31,7 +34,7 @@ import SideBar from "./components/SideBar.vue";
 	max-width: 1280px;
 	min-width: 800px;
 	margin: 10px auto;
-	min-height: 84vh;
+	min-height: 87vh;
 }
 
 #display-content {
@@ -40,5 +43,6 @@ import SideBar from "./components/SideBar.vue";
 	margin-right: auto;
 	max-width: 50vw;
 	min-width: 80%;
+	max-height: 87vh;
 }
 </style>