diff --git a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx index 06b0f6142e..d281e06404 100644 --- a/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx @@ -37,16 +37,17 @@ const StyledBoardCard = styled.div<{ } .checkbox-container { + max-width: 0; opacity: 0; + pointer-events: none; transition: all ease-in-out 160ms; } - &[data-selected='true'] .checkbox-container { - opacity: 1; - } - + &[data-selected='true'] .checkbox-container, &:hover .checkbox-container { + max-width: ${themeCssVariables.spacing[6]}; opacity: 1; + pointer-events: auto; } .compact-icon-container { diff --git a/packages/twenty-ui/src/components/chip/LinkChip.tsx b/packages/twenty-ui/src/components/chip/LinkChip.tsx index 3b9b232388..c67d59ed01 100644 --- a/packages/twenty-ui/src/components/chip/LinkChip.tsx +++ b/packages/twenty-ui/src/components/chip/LinkChip.tsx @@ -28,6 +28,8 @@ const StyledLinkContainer = styled.span` vertical-align: middle; & > a { + max-width: 100%; + min-width: 0; text-decoration: none; } `;