diff --git a/ui/litellm-dashboard/src/app/page.tsx b/ui/litellm-dashboard/src/app/page.tsx
index ad5f35227..f475c5e31 100644
--- a/ui/litellm-dashboard/src/app/page.tsx
+++ b/ui/litellm-dashboard/src/app/page.tsx
@@ -1,12 +1,14 @@
-import React from "react";
+import React, { Suspense } from "react";
 import Navbar from "../components/navbar";
 import UserDashboard from "../components/user_dashboard";
 const CreateKeyPage = () => {
   return (
+    <Suspense fallback={<div>Loading...</div>}>
     <div className="flex min-h-screen flex-col items-center">
       <Navbar />
       <UserDashboard />
     </div>
+    </Suspense>
   );
 };