diff --git a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx
index 60eeea769..37d032156 100644
--- a/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx
+++ b/packages/twenty-front/src/modules/object-record/components/RecordChip.tsx
@@ -1,5 +1,5 @@
import { useContext } from 'react';
-import { EntityChip } from 'twenty-ui';
+import { EntityChip, EntityChipVariant } from 'twenty-ui';
import { useMapToObjectRecordIdentifier } from '@/object-metadata/hooks/useMapToObjectRecordIdentifier';
import { RecordTableRowContext } from '@/object-record/record-table/contexts/RecordTableRowContext';
@@ -11,6 +11,7 @@ export type RecordChipProps = {
record: ObjectRecord;
maxWidth?: number;
className?: string;
+ variant?: EntityChipVariant;
};
export const RecordChip = ({
@@ -18,6 +19,7 @@ export const RecordChip = ({
record,
maxWidth,
className,
+ variant,
}: RecordChipProps) => {
const { mapToObjectRecordIdentifier } = useMapToObjectRecordIdentifier({
objectNameSingular,
@@ -44,6 +46,7 @@ export const RecordChip = ({
linkToEntity={linkToEntity}
maxWidth={maxWidth}
className={className}
+ variant={variant}
/>
);
};
diff --git a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx
index 0c753862a..81838d8ff 100644
--- a/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx
@@ -2,7 +2,7 @@ import { ReactNode, useContext, useState } from 'react';
import { useInView } from 'react-intersection-observer';
import styled from '@emotion/styled';
import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
-import { IconEye } from 'twenty-ui';
+import { EntityChipVariant, IconEye } from 'twenty-ui';
import { RecordChip } from '@/object-record/components/RecordChip';
import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext';
@@ -221,6 +221,7 @@ export const RecordBoardCard = () => {
{isCompactModeActive && (