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} />