diff --git a/src/app/charactersheet/page.tsx b/src/app/charactersheet/page.tsx
index d22d1c9..244b200 100644
--- a/src/app/charactersheet/page.tsx
+++ b/src/app/charactersheet/page.tsx
@@ -1,10 +1,13 @@
+import { Suspense } from "react";
 import ManualDiceLayout from "../ManualDiceLayout";
 import CharacterSheet from "./CharacterSheet";
 
 export default function Page() {
   return (
     <ManualDiceLayout>
-      <CharacterSheet />
+      <Suspense fallback={<div className="p-8 text-center text-neutral-400">Loading...</div>}>
+        <CharacterSheet />
+      </Suspense>
     </ManualDiceLayout>
   );
 }