diff --git a/src/lib/SideBar.svelte b/src/lib/SideBar.svelte
index 30d0fa5..76db044 100644
--- a/src/lib/SideBar.svelte
+++ b/src/lib/SideBar.svelte
@@ -26,7 +26,7 @@
 	}
 </script>
 
-<div class="flex flex-row w-14 bg-neutral-700" on:mouseleave={hideInfo}>
+<div class="flex flex-row w-14 h-full bg-neutral-700" on:mouseleave={hideInfo}>
 	<div class="flex flex-col shrink-0 w-14 text-gray-300">
 		{#each icons as i}
 			{#if i}
diff --git a/src/lib/global.css b/src/lib/global.css
index b65b9a7..4471cd9 100644
--- a/src/lib/global.css
+++ b/src/lib/global.css
@@ -8,6 +8,7 @@ body
 	font-family: Archivo, sans-serif;
 	margin: 0;
 	height: 100%;
+	overflow: hidden;
 	background: black;
 }
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4098960..ff9d6b1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -159,11 +159,11 @@
 	}
 </script>
 
-<main class="flex flex-col w-full h-full">
+<main class="relative w-full h-full">
 	<Nav />
-	<div class="flex flex-row flex-grow">
+	<div class="absolute top-10 bottom-0 left-0 right-0">
 		<SideBar on:connect={handleConnect}/>
-		<div class="grow h-full p-1 scrollbar" id="console">
+		<div class="absolute top-0 bottom-0 left-14 right-0 p-1 scrollbar" id="console">
 		</div>
 	</div>
 </main>