From f2284579f0d4dd81dbc1e4ded014dbf9a8b9c3cd Mon Sep 17 00:00:00 2001
From: Thomas Trompette <thomas.trompette@sfr.fr>
Date: Tue, 3 Feb 2026 15:12:37 +0100
Subject: [PATCH] Fix code container display (#17666)

Display is broken on code step
---
 .../src/input/code-editor/components/CodeEditor.tsx       | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx b/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx
index c89d80d329..803b6ff6f0 100644
--- a/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx
+++ b/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx
@@ -51,6 +51,10 @@ const StyledEditorLoader = styled.div<{
   }}
 `;
 
+const StyledCodeEditorContainer = styled.div`
+  display: contents;
+`;
+
 const StyledEditor = styled(Editor)<{
   variant: CodeEditorVariant;
   transparentBackground?: boolean;
@@ -140,7 +144,7 @@ export const CodeEditor = ({
       <Loader />
     </StyledEditorLoader>
   ) : (
-    <div onKeyDown={handleKeyDown}>
+    <StyledCodeEditorContainer onKeyDown={handleKeyDown}>
       <input
         type="hidden"
         data-testid="code-editor-value"
@@ -199,6 +203,6 @@ export const CodeEditor = ({
           ...options,
         }}
       />
-    </div>
+    </StyledCodeEditorContainer>
   );
 };