diff --git a/web/src/app/(app)/dashboard/page.tsx b/web/src/app/(app)/dashboard/page.tsx
index 56cfe91..526f9cc 100644
--- a/web/src/app/(app)/dashboard/page.tsx
+++ b/web/src/app/(app)/dashboard/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import Link from "next/link";
 import { useEffect, useState } from "react";
 import { AppShell } from "@/components/AppShell";
 import { listNoteSummaries, listWorkspaceSummaries } from "@/lib/notes-client";
@@ -143,7 +144,12 @@ export default function DashboardPage() {
         {error ? <div style={{ color: "var(--ml-text-secondary)" }}>{error}</div> : null}
         <div style={{ display: "grid", gap: "var(--ml-space-3)" }}>
           {recentNotes.map((note) => (
-            <article key={note.id} className="surface-muted" style={{ padding: "var(--ml-space-4)", display: "grid", gap: "var(--ml-space-2)" }}>
+            <Link
+              key={note.id}
+              href={`/notes/${note.id}`}
+              className="surface-muted"
+              style={{ padding: "var(--ml-space-4)", display: "grid", gap: "var(--ml-space-2)" }}
+            >
               <div style={{ display: "flex", justifyContent: "space-between", gap: "var(--ml-space-3)", flexWrap: "wrap" }}>
                 <strong>{note.title}</strong>
                 <span style={{ color: "var(--ml-text-secondary)" }}>{note.updatedBy}</span>
@@ -154,7 +160,7 @@ export default function DashboardPage() {
                   <span key={tag} className="badge">#{tag}</span>
                 ))}
               </div>
-            </article>
+            </Link>
           ))}
         </div>
       </section>