diff --git a/apps/web/src/app/dashboard/page.tsx b/apps/web/src/app/dashboard/page.tsx
index 300e3d1..2d548c0 100644
--- a/apps/web/src/app/dashboard/page.tsx
+++ b/apps/web/src/app/dashboard/page.tsx
@@ -1,5 +1,8 @@
+import { Suspense } from "react";
 import { TraceList } from "@/components/trace-list";
 
+export const dynamic = "force-dynamic";
+
 interface TracesResponse {
   traces: Array<{
     id: string;
@@ -53,11 +56,13 @@ export default async function DashboardPage() {
   const data = await getTraces(50, 1);
 
   return (
-    <TraceList
-      initialTraces={data.traces}
-      initialTotal={data.total}
-      initialTotalPages={data.totalPages}
-      initialPage={data.page}
-    />
+    <Suspense fallback={<div className="p-8 text-zinc-400">Loading traces...</div>}>
+      <TraceList
+        initialTraces={data.traces}
+        initialTotal={data.total}
+        initialTotalPages={data.totalPages}
+        initialPage={data.page}
+      />
+    </Suspense>
   );
 }