From c73cdd08440d91d192f2069e1fd5a20f0f14afff Mon Sep 17 00:00:00 2001
From: BugIsGod <87571967+bugisthegod@users.noreply.github.com>
Date: Mon, 13 Apr 2026 08:01:07 +0100
Subject: [PATCH] fix: prevent image upload panel from being clipped in side
 panel (#19572)

fixes:   #19571
## Summary:
- BlockNote's file upload/embed panel (.bn-panel) has a hardcoded width:
500px that overflows the side panel's overflow: hidden containers,
causing the Upload/Embed UI to be cut off
<img width="636" height="364" alt="image"
src="https://github.com/user-attachments/assets/4ec501c6-409c-4a86-a5b3-2c5f104c94f1"
/>

## Before
<img width="464" height="660" alt="image"
src="https://github.com/user-attachments/assets/3364e20e-6194-4c5d-b16f-9541cc11bfd7"
/>

## After
**Same width with "Add Image" button** ( same in the video,audio upload
<img width="444" height="665" alt="image"
src="https://github.com/user-attachments/assets/369a6974-a986-44ab-a38a-a717a8f978c0"
/>
---
 .../modules/blocknote-editor/components/BlockEditor.tsx   | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx b/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx
index 9b70cf2452..272c9b6e43 100644
--- a/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx
+++ b/packages/twenty-front/src/modules/blocknote-editor/components/BlockEditor.tsx
@@ -130,6 +130,14 @@ const StyledEditor = styled.div`
     font-size: 0.9rem;
     padding: 2px 4px;
   }
+
+  & .bn-mantine {
+    container-type: inline-size;
+  }
+
+  & .bn-mantine .bn-panel {
+    width: 100cqi;
+  }
 `;
 
 export const BlockEditor = ({