diff --git a/apps/v4/app/(app)/create/page.tsx b/apps/v4/app/(app)/create/page.tsx
index 82c5bee09e..2ca9cdf498 100644
--- a/apps/v4/app/(app)/create/page.tsx
+++ b/apps/v4/app/(app)/create/page.tsx
@@ -4,6 +4,7 @@ import dynamic from "next/dynamic"
 
 import { siteConfig } from "@/lib/config"
 import { absoluteUrl } from "@/lib/utils"
+import { Skeleton } from "@/styles/base-nova/ui/skeleton"
 import { Customizer } from "@/app/(app)/create/components/customizer"
 import { PresetHandler } from "@/app/(app)/create/components/preset-handler"
 import { Preview } from "@/app/(app)/create/components/preview"
@@ -53,7 +54,11 @@ export default function CreatePage() {
         className="flex min-h-0 flex-1 flex-col gap-(--gap) p-(--gap) pt-[calc(var(--gap)*0.25)] md:flex-row-reverse"
       >
         <Preview />
-        <Suspense>
+        <Suspense
+          fallback={
+            <Skeleton className="isolate min-h-[151px] w-full self-start rounded-2xl md:h-full md:max-h-full md:min-h-0 md:w-(--customizer-width)" />
+          }
+        >
           <CustomizerLoader />
         </Suspense>
       </div>