From 5fe41376346243e51dcd36fb5ae4f316d8fac8b9 Mon Sep 17 00:00:00 2001
From: Tanish Manku <tanish2k09.dev@gmail.com>
Date: Mon, 20 Apr 2026 23:32:34 -0700
Subject: [PATCH] Moodboard: move page-height class into Moodboard root
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Every other tab applies its `h-[calc(100vh-56px)]` on its own root div;
the PageEditor wrappers stay bare. Moodboard was the outlier — wrapper
had `w-screen` + inline height of `calc(100vh - 68px)` (wrong 68px,
causing a 12px gap at the bottom). Move the class into `Moodboard.tsx`'s
root and drop the wrapper styling so it matches the rest.
---
 .../apps/artcraft/app/src/pages/PageEnigma/PageEditor.tsx    | 5 +----
 .../apps/artcraft/app/src/pages/PageMoodboard/Moodboard.tsx  | 2 +-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/apps/artcraft/app/src/pages/PageEnigma/PageEditor.tsx b/frontend/apps/artcraft/app/src/pages/PageEnigma/PageEditor.tsx
index 6074047d3f..f8aa0c51d8 100644
--- a/frontend/apps/artcraft/app/src/pages/PageEnigma/PageEditor.tsx
+++ b/frontend/apps/artcraft/app/src/pages/PageEnigma/PageEditor.tsx
@@ -650,10 +650,7 @@ export const PageEditor = () => {
         </div>
       )}
       {tabStore.activeTabId == "MOODBOARD" && moodboardPageEnabled && (
-        <div
-          className="w-screen"
-          style={{ height: "calc(100vh - 68px)" }}
-        >
+        <div>
           <Moodboard />
         </div>
       )}
diff --git a/frontend/apps/artcraft/app/src/pages/PageMoodboard/Moodboard.tsx b/frontend/apps/artcraft/app/src/pages/PageMoodboard/Moodboard.tsx
index 493c9143c9..4760d15183 100644
--- a/frontend/apps/artcraft/app/src/pages/PageMoodboard/Moodboard.tsx
+++ b/frontend/apps/artcraft/app/src/pages/PageMoodboard/Moodboard.tsx
@@ -45,7 +45,7 @@ export const Moodboard = () => {
   }, [deleteSelected, setSelection, editingTextId]);
 
   return (
-    <div className="flex h-full w-full flex-col bg-[#0b0b0e]">
+    <div className="flex h-[calc(100vh-56px)] w-screen flex-col bg-[#0b0b0e]">
       <MoodboardToolbar />
       <div ref={containerRef} className="relative flex-1 overflow-hidden">
         <MoodboardStage containerRef={containerRef} stageRef={stageRef} />