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 aff49e2621..c81c52ab6f 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 @@ -41,17 +41,19 @@ const StyledLabelAndIconContainer = styled.div` height: 24px; `; -const StyledValueContainer = styled.div<{ - readonly: boolean; -}>` +const StyledValueContainer = styled.div<{ readonly: boolean }>` display: flex; min-width: 0; position: relative; width: 100%; - &:hover .record-inline-cell-value-display { - opacity: 0; - } + ${({ readonly }) => + !readonly && + ` + &:hover .record-inline-cell-value-display { + opacity: 0; + } + `} `; const StyledLabelContainer = styled.div<{ width?: number }>`