From ec398fc9e2199c8cc6df60303baca4e16b872809 Mon Sep 17 00:00:00 2001
From: Reece Browne <reecebrowne1995@gmail.com>
Date: Mon, 25 Aug 2025 18:53:51 +0100
Subject: [PATCH] Fix split height

---
 frontend/src/components/pageEditor/PageEditor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/pageEditor/PageEditor.tsx b/frontend/src/components/pageEditor/PageEditor.tsx
index 7c825857d..d62eccaa2 100644
--- a/frontend/src/components/pageEditor/PageEditor.tsx
+++ b/frontend/src/components/pageEditor/PageEditor.tsx
@@ -620,7 +620,7 @@ const PageEditor = ({
               
               // Position split line between pages (after the current page)
               const leftPosition = col * itemWithGap + ITEM_WIDTH + (ITEM_GAP / 2);
-              const topPosition = row * ITEM_HEIGHT;
+              const topPosition = row * ITEM_HEIGHT + (ITEM_HEIGHT * 0.05); // Center vertically (5% offset since page is 90% height)
 
               return (
                 <div
@@ -630,7 +630,7 @@ const PageEditor = ({
                     left: leftPosition,
                     top: topPosition,
                     width: '1px',
-                    height: GRID_CONSTANTS.ITEM_WIDTH, // Match item height
+                    height: `calc(${GRID_CONSTANTS.ITEM_HEIGHT} * 0.9)`, // Match page container height (90%)
                     borderLeft: '1px dashed #3b82f6'
                   }}
                 />