diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 9539a61..8e44091 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -7,6 +7,7 @@
   import { setOnUnauthorized } from "$lib/api/client";
   import AppShell from "$lib/components/AppShell.svelte";
   import { Toaster } from "$lib/components/ui/sonner";
+  import { untrack } from "svelte";
 
   import HomePage from "./pages/home.svelte";
   import LoginPage from "./pages/login.svelte";
@@ -49,7 +50,9 @@
 
   $effect(() => {
     const syncRecent = () => {
-      trackRecentFromPath(window.location.hash.slice(1) || "/");
+      untrack(() => {
+        trackRecentFromPath(window.location.hash.slice(1) || "/");
+      });
     };
     syncRecent();
     window.addEventListener("hashchange", syncRecent);
diff --git a/frontend/src/lib/pages/task-detail.svelte b/frontend/src/lib/pages/task-detail.svelte
index 20a2a8b..4596bd9 100644
--- a/frontend/src/lib/pages/task-detail.svelte
+++ b/frontend/src/lib/pages/task-detail.svelte
@@ -181,15 +181,16 @@
     <div class="flex items-start justify-between gap-4">
       <div>
         <p class="text-muted-foreground mb-1 text-sm">
-          <button
-            class="hover:text-foreground cursor-pointer underline underline-offset-2"
-            onclick={() => navigate("/projects")}>Projects</button
+          <a
+            href="#/projects"
+            class="hover:text-foreground underline underline-offset-2"
+            >Projects</a
           >
           /
-          <button
-            class="hover:text-foreground cursor-pointer underline underline-offset-2"
-            onclick={() => navigate(`/projects/${task?.project.id}`)}
-            >{task.project.name}</button
+          <a
+            href={`#/projects/${task.project.id}`}
+            class="hover:text-foreground underline underline-offset-2"
+            >{task.project.name}</a
           >
           /
           <span class="text-muted-foreground font-mono">#{task.number}</span>