From 4f3239924e51003e44b3ff1b5f7e79b1dedd4db0 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Thu, 13 Mar 2025 08:19:56 +1000
Subject: [PATCH] fix(ui): respect line breaks in builder text and heading
 elements

---
 .../nodes/components/sidePanel/builder/HeadingElementContent.tsx | 1 +
 .../nodes/components/sidePanel/builder/TextElementContent.tsx    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/HeadingElementContent.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/HeadingElementContent.tsx
index dc89d50f8a9..271c405a451 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/HeadingElementContent.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/HeadingElementContent.tsx
@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next';
 const headingSx: SystemStyleObject = {
   fontWeight: 'bold',
   fontSize: '2xl',
+  whiteSpace: 'pre-wrap',
   '&[data-is-empty="true"]': {
     opacity: 0.3,
   },
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/TextElementContent.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/TextElementContent.tsx
index c81d2bddb36..35b187e1fcb 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/TextElementContent.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/builder/TextElementContent.tsx
@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 
 const textSx: SystemStyleObject = {
   fontSize: 'md',
+  whiteSpace: 'pre-wrap',
   overflowWrap: 'anywhere',
   '&[data-is-empty="true"]': {
     opacity: 0.3,