diff --git a/apps/v4/app/(app)/layout.tsx b/apps/v4/app/(app)/layout.tsx
index b0d150e437..04680fd2a8 100644
--- a/apps/v4/app/(app)/layout.tsx
+++ b/apps/v4/app/(app)/layout.tsx
@@ -5,7 +5,7 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
     <div
       data-slot="layout"
-      className="group/layout relative z-10 flex min-h-svh flex-col bg-background"
+      className="group/layout relative z-10 flex min-h-svh flex-col bg-background has-[[data-slot=designer]]:h-svh has-[[data-slot=designer]]:overflow-hidden"
     >
       <SiteHeader />
       <main className="flex min-h-0 flex-1 flex-col">{children}</main>