diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx index c172bb8e0..c8ab53e1e 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx @@ -8,7 +8,7 @@ const StyledOuterContainer = styled.div<{ display: flex; height: 100%; overflow: hidden; - padding-left: 6px; + padding-left: 8px; width: 100%; `; diff --git a/packages/twenty-ui/src/display/chip/components/Chip.tsx b/packages/twenty-ui/src/display/chip/components/Chip.tsx index eda194d5e..8807d25dc 100644 --- a/packages/twenty-ui/src/display/chip/components/Chip.tsx +++ b/packages/twenty-ui/src/display/chip/components/Chip.tsx @@ -115,6 +115,11 @@ const StyledContainer = withTheme(styled.div< & > svg { flex-shrink: 0; } + + padding-left: ${({ theme, variant }) => + variant === ChipVariant.Transparent + ? theme.spacing(0) + : 'var(--chip-horizontal-padding)'}; `); export const Chip = ({