diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 6bd4b5d..eab96c7 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";
@@ -50,7 +51,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/project-tasks.svelte b/frontend/src/lib/pages/project-tasks.svelte
index 907ed0e..a0bccf4 100644
--- a/frontend/src/lib/pages/project-tasks.svelte
+++ b/frontend/src/lib/pages/project-tasks.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { untrack } from "svelte";
   import { getProject } from "$lib/api/projects";
   import {
     listTasks,
@@ -35,7 +36,8 @@
   let searchQuery = $state("");
 
   $effect(() => {
-    const saved = getSnapshot(routeKey);
+    const key = routeKey;
+    const saved = untrack(() => getSnapshot(key));
     if (saved) {
       filterStatuses = saved.filterStatuses;
       filterPriorities = saved.filterPriorities;
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>