diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index e199038..6af13db 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -353,7 +353,7 @@ function TicketDetailSheet({
   );
 }
 
-export default function TicketListPage() {
+function TicketListPageContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
 
@@ -664,3 +664,13 @@ export default function TicketListPage() {
     </div>
   );
 }
+
+import { Suspense } from "react";
+
+export default function TicketListPage() {
+  return (
+    <Suspense fallback={<div className="flex items-center justify-center h-64 text-muted-foreground">Loading tickets...</div>}>
+      <TicketListPageContent />
+    </Suspense>
+  );
+}