From bbc5d43d665f3dc38d9340c6e69ee52bf1678ac6 Mon Sep 17 00:00:00 2001
From: Carlo Piantini <carlo.piantini@thinkcompany.com>
Date: Thu, 6 Mar 2025 11:42:01 -0500
Subject: [PATCH] fix(canvas): add 'maxWidth' and safe initial 'height' styles
 to 'canvas'.

---
 packages/core/components/Puck/components/Canvas/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/core/components/Puck/components/Canvas/index.tsx b/packages/core/components/Puck/components/Canvas/index.tsx
index b460185d86..9410ad867e 100644
--- a/packages/core/components/Puck/components/Canvas/index.tsx
+++ b/packages/core/components/Puck/components/Canvas/index.tsx
@@ -168,7 +168,8 @@ export const Canvas = () => {
           className={getClassName("root")}
           style={{
             width: iframe.enabled ? ui.viewports.current.width : "100%",
-            height: zoomConfig.rootHeight,
+            maxWidth: "100%",
+            height: zoomConfig.rootHeight || "auto",
             transform: iframe.enabled ? `scale(${zoomConfig.zoom})` : undefined,
             transition: showTransition
               ? "width 150ms ease-out, height 150ms ease-out, transform 150ms ease-out"