diff --git a/webapp/src/routes/menu/_Sidebar.svelte b/webapp/src/routes/menu/_Sidebar.svelte
index b91a96f..7ee8e42 100644
--- a/webapp/src/routes/menu/_Sidebar.svelte
+++ b/webapp/src/routes/menu/_Sidebar.svelte
@@ -1,11 +1,15 @@
 <script>
 	export let open = false
+
+	function close() {
+		open = false
+	}
 </script>
 
 <aside class="absolute w-full h-full bg-gray-200 border-r-2 shadow-lg" class:open>
 	<nav class="p-12 text-xl">
-		<a class="block" href="/">Home</a>
-		<a class="block" href="/about">About</a>
+		<a class="block" href="/" on:click={close}>Home</a>
+		<a class="block" href="/about" on:click={close}>About</a>
 	</nav>
 </aside>