diff --git a/src/lib/common/nav.svelte b/src/lib/common/nav.svelte
index 4300ade..6ac53fb 100644
--- a/src/lib/common/nav.svelte
+++ b/src/lib/common/nav.svelte
@@ -31,7 +31,7 @@
 
 <!-- let the page initialize before showing the nav bar -->
 {#if componentLoaded}
-	<nav class="bg-base-200 flex shadow-xl w-14 h-screen relative" class:navCollapsed={$navExpanded == 'collapsed'} class:navExpanded={$navExpanded == 'expanded'} transition:fade>
+	<nav class="bg-base-200 flex shadow-xl w-14 h-screen sticky top-0" class:navCollapsed={$navExpanded == 'collapsed'} class:navExpanded={$navExpanded == 'expanded'} transition:fade>
 		<!-- links on top of sidebar -->
 		<div class="absolute top-0 w-full">
 			<button class="w-full nav-item" on:click={() => ($navExpanded == 'collapsed' ? ($navExpanded = 'expanded') : ($navExpanded = 'collapsed'))}>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 94c40a4..343db90 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,7 +12,7 @@
 <main data-theme={$themeStore} class="flex flex-col">
 	<!-- initialize localStorage -->
 	<Stores></Stores>
-	<div class="flex h-screen">
+	<div class="flex">
 		<!-- sidebar -->
 		<Nav />
 		<!-- main window -->