diff --git a/apps/studio-prototype/src/app/[org]/layout.tsx b/apps/studio-prototype/src/app/[org]/layout.tsx
index e79fb139a31..5ef29438b46 100644
--- a/apps/studio-prototype/src/app/[org]/layout.tsx
+++ b/apps/studio-prototype/src/app/[org]/layout.tsx
@@ -3,6 +3,7 @@ import SettingsMenuPanel from './settings-menu-panel'
 import TopHeader from './top-header'
 import { motion } from 'framer-motion'
 import EntranceTransition from './entrance-transition'
+import ProjectContentTransition from './project-content-transition'
 
 export default function OrgLayout({
   children,
@@ -15,7 +16,7 @@ export default function OrgLayout({
         <SettingsMenuPanel />
         <div className="flex flex-col grow">
           <TopHeader />
-          {children}
+          <ProjectContentTransition>{children}</ProjectContentTransition>
         </div>
       </EntranceTransition>
       <RedirectCatcher />
diff --git a/apps/studio-prototype/src/app/[org]/project-content-transition.tsx b/apps/studio-prototype/src/app/[org]/project-content-transition.tsx
new file mode 100644
index 00000000000..00a37970f20
--- /dev/null
+++ b/apps/studio-prototype/src/app/[org]/project-content-transition.tsx
@@ -0,0 +1,13 @@
+'use client'
+
+export default function ProjectContentTransition({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <>
+      <div className="grow">{children}</div>
+    </>
+  )
+}