diff --git a/usr-web/src/routes/(apps)/+layout.svelte b/usr-web/src/routes/(apps)/+layout.svelte
index 7016177..20f6a3d 100644
--- a/usr-web/src/routes/(apps)/+layout.svelte
+++ b/usr-web/src/routes/(apps)/+layout.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
+	import { base } from '$app/paths';
 	let { children } = $props();
 </script>
 
 <header class="fixed top-0 w-full p-2 shadow">
 	<nav class="flex flex-row items-center gap-4">
 		<enhanced:img src="$lib/icon.png" alt="Utah Student Robotics" class="logo" />
-		<a href="/scheduler">Scheduler</a>
-		<a href="/manifest">Manifest</a>
+		<a href={`${base}/scheduler`}>Scheduler</a>
+		<a href={`${base}/manifest`}>Manifest</a>
 	</nav>
 </header>