diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx index 3acf7afa9..9c771f9a1 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderDragDropColumn.tsx @@ -1,10 +1,15 @@ import { styled } from '@linaria/react'; +import { useContext } from 'react'; +import { ThemeContext } from 'twenty-ui'; -const StyledTh = styled.th` +const StyledTh = styled.th<{ backgroundColor: string;}>` border-bottom: none; border-top: none; + background: ${({ backgroundColor }) => backgroundColor}; `; export const RecordTableHeaderDragDropColumn = () => { - return ; + const { theme } = useContext(ThemeContext); + + return ; };