diff --git a/app/page.tsx b/app/page.tsx
index cc3dee1..f930c14 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,5 +1,7 @@
 import Game from '@/components/Game';
 
+export const dynamic = 'force-dynamic';
+
 import { PrismaClient } from '@prisma/client';
 
 // PrismaClient is attached to the `global` object in development to prevent
diff --git a/components/Game.tsx b/components/Game.tsx
index f355aea..207a794 100644
--- a/components/Game.tsx
+++ b/components/Game.tsx
@@ -32,7 +32,14 @@ export default function Game({ dailyPuzzle }: GameProps) {
         }
     }, [gameState, dailyPuzzle]);
 
-    if (!dailyPuzzle) return <div>Loading puzzle...</div>;
+    if (!dailyPuzzle) return (
+        <div className="game-container" style={{ textAlign: 'center', padding: '2rem' }}>
+            <h2>No Puzzle Available</h2>
+            <p>Could not generate a daily puzzle.</p>
+            <p>Please ensure there are songs in the database.</p>
+            <a href="/admin" style={{ color: 'var(--primary)', textDecoration: 'underline' }}>Go to Admin Dashboard</a>
+        </div>
+    );
     if (!gameState) return <div>Loading state...</div>;
 
     const handleGuess = (song: any) => {