From e051cce24f0c4175ddc35abd14bc2ed739ef41a6 Mon Sep 17 00:00:00 2001
From: BugIsGod <87571967+bugisthegod@users.noreply.github.com>
Date: Thu, 19 Feb 2026 13:59:11 +0000
Subject: [PATCH] Fix: add a new style to the target text box (#18065)

### Approach
I add some new rules for the style of the target text box. (Fix: #13229
)
<img width="842" height="545" alt="target class"
src="https://github.com/user-attachments/assets/7cd0a615-392a-493b-831f-77ddb93de5fc"
/>


**This is what it looks like now.**
<img width="320" height="224" alt="image"
src="https://github.com/user-attachments/assets/26514102-e684-49ce-915d-43e5677520a5"
/>
---
 .../settings/playground/components/RestPlayground.tsx       | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/twenty-front/src/modules/settings/playground/components/RestPlayground.tsx b/packages/twenty-front/src/modules/settings/playground/components/RestPlayground.tsx
index c75574ae9e..fae596418f 100644
--- a/packages/twenty-front/src/modules/settings/playground/components/RestPlayground.tsx
+++ b/packages/twenty-front/src/modules/settings/playground/components/RestPlayground.tsx
@@ -27,6 +27,12 @@ const StyledContainer = styled.div`
     --scalar-color-2: ${({ theme }) => theme.font.color.secondary};
     --scalar-color-3: ${({ theme }) => theme.font.color.tertiary};
   }
+
+  .scalar-app .text-pretty {
+    overflow-wrap: break-word;
+    word-break: normal;
+    white-space: normal;
+  }
 `;
 
 const ApiReferenceReact = lazy(() =>