rev 4

src/pages/ProjectWizardPage/ProjectWizardPage.module.scss

@@ -1,4 +1,12 @@
 .root {
+	display: flex;
 	width: 100%;
-	height: 100%;
+	height: calc(100vh - var(--header-height));
+	min-height: calc(100vh - var(--header-height));
+	overflow: hidden;
+
+	@include breakpoints.respond-to(breakpoints.$mobileMax) {
+		height: calc(100svh - var(--header-height));
+		min-height: calc(100svh - var(--header-height));
+	}
 }

src/pages/ProjectWizardPage/ProjectWizardPage.tsx

@@ -4,7 +4,7 @@ import type { IProjectWizardPageProps } from "./ProjectWizardPage.d"
 import type { JSX } from "react"
 
 import { useParams } from "next/navigation"
-import { FunctionComponent } from "react"
+import { FunctionComponent, useEffect } from "react"
 
 import api from "@shared/api"
 import { useBreadcrumbs } from "@shared/context/BreadcrumbsContext"
@@ -33,6 +33,14 @@ export const ProjectWizardPage: FunctionComponent<
 		{ label: project?.name ?? "..." },
 	])
 
+	useEffect(() => {
+		document.body.dataset.projectWizardLayout = "true"
+
+		return () => {
+			delete document.body.dataset.projectWizardLayout
+		}
+	}, [])
+
 	return (
 		<WorkspaceProvider projectId={projectId}>
 			<WizardProvider projectId={projectId}>