diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 86d2021..a12b17c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -119,7 +119,7 @@
 
 	@media (max-width: 600px) {
 		.sidebar {
-			position: absolute;
+			position: fixed;
 			left: -100%;
 			width: 100%;
 			height: 100%;
@@ -129,5 +129,8 @@
 			left: 0;
 			opacity: 100%;
 		}
+		.topbar {
+			padding: 0.75rem;
+		}
 	}
 </style>
diff --git a/src/routes/Sidebar.svelte b/src/routes/Sidebar.svelte
index 2bba843..483c0f9 100644
--- a/src/routes/Sidebar.svelte
+++ b/src/routes/Sidebar.svelte
@@ -9,19 +9,17 @@
 	<a href="/" on:click={close}>Today</a>
 	<a href="/agenda" on:click={close}>Agenda</a>
 </nav>
+<div class="gradient" />
 
 <style>
 	nav {
 		background: wheat;
-		padding: 1rem;
-		height: 100%;
-	}
-	nav {
 		display: flex;
 		flex-direction: column;
-		gap: 1rem;
+		height: 100%;
 	}
 	nav a {
+		padding: 1rem;
 		color: black;
 		text-decoration: none;
 	}