From 4613df47fdde9ac796419f02a2d9f649892b3d35 Mon Sep 17 00:00:00 2001
From: Yuddomack <41747333+Yuddomack@users.noreply.github.com>
Date: Thu, 26 Oct 2023 19:00:47 +0900
Subject: [PATCH] fix: prevent long header titles from rendering over actions

---
 packages/core/components/Heading/styles.module.css | 1 +
 packages/core/components/Puck/index.tsx            | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/core/components/Heading/styles.module.css b/packages/core/components/Heading/styles.module.css
index 0d53ed5f3c..ee81232665 100644
--- a/packages/core/components/Heading/styles.module.css
+++ b/packages/core/components/Heading/styles.module.css
@@ -4,6 +4,7 @@
   font-family: var(--puck-font-stack);
   font-weight: 700;
   margin: 0;
+  word-break: break-word;
 }
 
 .Heading b {
diff --git a/packages/core/components/Puck/index.tsx b/packages/core/components/Puck/index.tsx
index ee9a6fb2b1..568a72e6c0 100644
--- a/packages/core/components/Puck/index.tsx
+++ b/packages/core/components/Puck/index.tsx
@@ -401,7 +401,7 @@ export function Puck({
                             display: "grid",
                             padding: 16,
                             gridTemplateAreas: '"left middle right"',
-                            gridTemplateColumns: "288px auto 288px",
+                            gridTemplateColumns: "344px auto 344px",
                             gridTemplateRows: "auto",
                           }}
                         >