From 546a793aede571903d34ce4bc30bd2f944533fba Mon Sep 17 00:00:00 2001
From: Harsh Singh <harshrajeevsingh@gmail.com>
Date: Fri, 27 Dec 2024 18:00:35 +0530
Subject: [PATCH] fix: last field overflow (#8510)

Fixes: #7216

The issue was caused by the ```min-width``` property of
```StyledEditableCellEditModeContainer```. So, I removed it.

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
---
 .../record-table-cell/components/RecordTableCellEditMode.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx
index 797d50939677..c9d79022ae04 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx
@@ -4,13 +4,12 @@ import { autoUpdate, flip, offset, useFloating } from '@floating-ui/react';
 import { ReactElement } from 'react';
 
 const StyledEditableCellEditModeContainer = styled.div<RecordTableCellEditModeProps>`
-  position: absolute;
   align-items: center;
   display: flex;
-  min-width: 200px;
+  height: 100%;
+  position: absolute;
   width: calc(100% + 2px);
   z-index: 1;
-  height: 100%;
 `;
 
 export type RecordTableCellEditModeProps = {