diff --git a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx
index 0c884b203..bec5740b5 100644
--- a/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx
+++ b/packages/twenty-front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx
@@ -22,9 +22,9 @@ import { ObjectRecordForSelect } from '@/object-record/relation-picker/hooks/use
import { prefillRecord } from '@/object-record/utils/prefillRecord';
const StyledSelectContainer = styled.div`
- left: 0px;
position: absolute;
- top: -8px;
+ left: 0;
+ top: 0;
`;
type ActivityTargetInlineCellEditModeProps = {
diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx
index cb2d67b7a..1514ec9f3 100644
--- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellContainer.tsx
@@ -34,7 +34,8 @@ const StyledLabelAndIconContainer = styled.div`
const StyledValueContainer = styled.div`
display: flex;
- width: 100%;
+ flex-grow: 1;
+ min-width: 0;
`;
const StyledLabelContainer = styled.div<{ width?: number }>`
diff --git a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx
index a1042ddd0..08a5cadba 100644
--- a/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellValue.tsx
@@ -72,35 +72,40 @@ export const RecordInlineCellValue = ({
return ;
}
- return !readonly && isInlineCellInEditMode ? (
- {editModeContent}
- ) : editModeContentOnly ? (
-
-
- {editModeContent}
-
-
- ) : (
-
-
- {displayModeContent}
-
- {showEditButton && }
-
+ return (
+ <>
+ {!readonly && isInlineCellInEditMode && (
+ {editModeContent}
+ )}
+ {editModeContentOnly ? (
+
+
+ {editModeContent}
+
+
+ ) : (
+
+
+ {displayModeContent}
+
+ {showEditButton && }
+
+ )}
+ >
);
};
diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx
index 6ff27ac73..48b3f5ce2 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellContainer.tsx
@@ -142,15 +142,14 @@ export const RecordTableCellContainer = ({
[styles.cellBaseContainerSoftFocus]: hasSoftFocus,
})}
>
- {isInEditMode ? (
+ {isInEditMode && (
{editModeContent}
- ) : hasSoftFocus ? (
- <>
-
- >
+ )}
+ {hasSoftFocus ? (
+
) : (
{nonEditModeContent}
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 99c52de42..16e59db8d 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,6 +4,7 @@ import styled from '@emotion/styled';
import { autoUpdate, flip, offset, useFloating } from '@floating-ui/react';
const StyledEditableCellEditModeContainer = styled.div`
+ position: absolute;
align-items: center;
display: flex;
min-width: 200px;