diff --git a/frontend/src/lib/Header.svelte b/frontend/src/lib/Header.svelte
index 877dd749..a5fa92a7 100644
--- a/frontend/src/lib/Header.svelte
+++ b/frontend/src/lib/Header.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import logo from "../images/logo.svg";
+	import { links } from "svelte-routing";
 	import {
 		UploadOutline,
 		UserOutline,
@@ -7,7 +8,7 @@
 	} from "flowbite-svelte-icons";
 </script>
 
-<header class="flex justify-between">
+<header class="flex justify-between" use:links>
 	<div class="nav-container">
 		<div id="logo">
 			<a href="/">