diff --git a/apps/space/app/intake/[anchor]/client-layout.tsx b/apps/space/app/intake/[anchor]/client-layout.tsx
index ce8521277d..23b409df04 100644
--- a/apps/space/app/intake/[anchor]/client-layout.tsx
+++ b/apps/space/app/intake/[anchor]/client-layout.tsx
@@ -36,7 +36,12 @@ export const IntakeClientLayout = observer((props: Props) => {
 
   if (error) return <SomethingWentWrongError />;
 
-  if (!publishSettings) return <LogoSpinner />;
+  if (!publishSettings)
+    return (
+      <div className="flex h-screen w-full items-center justify-center">
+        <LogoSpinner />
+      </div>
+    );
 
   return (
     <div className="relative flex h-screen min-h-[500px] w-screen flex-col overflow-hidden">
diff --git a/apps/space/app/pages/[anchor]/client-layout.tsx b/apps/space/app/pages/[anchor]/client-layout.tsx
index edbb1afe20..73ddf833c1 100644
--- a/apps/space/app/pages/[anchor]/client-layout.tsx
+++ b/apps/space/app/pages/[anchor]/client-layout.tsx
@@ -26,7 +26,12 @@ export const PagesClientLayout = observer((props: Props) => {
     anchor ? () => fetchPublishSettings(anchor) : null
   );
 
-  if (!entity_identifier && !error) return <LogoSpinner />;
+  if (!entity_identifier && !error)
+    return (
+      <div className="flex h-screen w-full items-center justify-center">
+        <LogoSpinner />
+      </div>
+    );
 
   if (error?.status === 404) return <PageNotFound />;