diff --git a/app/optimism-retropgf-3/layout.tsx b/app/optimism-retropgf-3/layout.tsx
index 8fc73148..43e8f3bb 100644
--- a/app/optimism-retropgf-3/layout.tsx
+++ b/app/optimism-retropgf-3/layout.tsx
@@ -1,5 +1,6 @@
 import Container from "@/components/layout/Container";
 import Heading from "@/components/layout/Heading";
+import { Suspense } from "react";
 
 export default async function Layout({
   children,
@@ -35,7 +36,9 @@ export default async function Layout({
 
       <Container className="mt-[30px] !pr-0 2xl:!pr-[50px]">
         <div className="w-full overflow-x-scroll 2xl:overflow-x-visible z-100 py-5 scrollbar-thin scrollbar-thumb-forest-900 scrollbar-track-forest-500/5 scrollbar-thumb-rounded-full scrollbar-track-rounded-full scroller pr-[50px] 2xl:pr-0">
-          <div className="min-w-[1330px] ">{children}</div>
+          <div className="min-w-[1330px] ">
+            <Suspense fallback={<div>Loading...</div>}>{children}</Suspense>
+          </div>
         </div>
       </Container>
     </>
diff --git a/app/optimism-retropgf-3/page.tsx b/app/optimism-retropgf-3/page.tsx
index 9639111d..31989314 100644
--- a/app/optimism-retropgf-3/page.tsx
+++ b/app/optimism-retropgf-3/page.tsx
@@ -5,6 +5,8 @@ const URL =
     ? `http://${process.env.NEXT_PUBLIC_VERCEL_URL}/api/optimism-retropgf-3/projects`
     : `https://${process.env.NEXT_PUBLIC_VERCEL_URL}/api/optimism-retropgf-3/projects`;
 
+console.log("URL", URL);
+
 const getProjects = async () => {
   console.log("URL", URL);
   /*