From ecdeee9f1acabcaf400cdf7a4f0cc753f9ee7912 Mon Sep 17 00:00:00 2001
From: Mark Henderson <mark@getacquired.com>
Date: Mon, 2 Mar 2026 19:13:35 -0800
Subject: [PATCH] Render modal via portal to body for true viewport centering

Made-with: Cursor
---
 components/project-creation-modal.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/project-creation-modal.tsx b/components/project-creation-modal.tsx
index 9b669a0..dfad91e 100644
--- a/components/project-creation-modal.tsx
+++ b/components/project-creation-modal.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
 import { useRouter } from 'next/navigation';
 import { toast } from 'sonner';
 
@@ -76,7 +77,7 @@ export function ProjectCreationModal({ open, onOpenChange, workspace }: ProjectC
 
   if (!open) return null;
 
-  return (
+  return createPortal(
     <>
       {/* Backdrop */}
       <div
@@ -271,6 +272,7 @@ export function ProjectCreationModal({ open, onOpenChange, workspace }: ProjectC
           )}
         </div>
       </div>
-    </>
+    </>,
+    document.body
   );
 }