From 3ad666adad27cded97f8a1ea738e5a74f43d030f Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Mon, 27 Apr 2026 13:56:24 +0100
Subject: [PATCH] refactor(base): use --page-header-height var in standalone
 layout

---
 apps/client/src/pages/page/page.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/pages/page/page.tsx b/apps/client/src/pages/page/page.tsx
index 0f47bc1ac..47c295030 100644
--- a/apps/client/src/pages/page/page.tsx
+++ b/apps/client/src/pages/page/page.tsx
@@ -100,9 +100,10 @@ function PageContent({ pageSlug }: { pageSlug: string | undefined }) {
           display: "flex",
           flexDirection: "column",
           height: "100%",
-          // PageHeader is position: fixed (45px tall) — without this
-          // padding the BaseToolbar would render under it.
-          paddingTop: 45,
+          // PageHeader is position: fixed (its height is --page-header-height,
+          // declared on :root in editor/styles/core.css); without this padding
+          // the BaseToolbar would render under it.
+          paddingTop: "var(--page-header-height)",
         }}
       >
         <Helmet>