From f6e9456ef6c3448a34428afdb54b21495ffe0119 Mon Sep 17 00:00:00 2001
From: Anoop P <44577841+anoopw3bdev@users.noreply.github.com>
Date: Wed, 31 Jan 2024 16:19:01 +0530
Subject: [PATCH] fix: columns overlapping with checkbox column when
 horizantally scrolling (#3705)

---
 .../record-table/components/RecordTableRow.tsx            | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableRow.tsx b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableRow.tsx
index 9fd2b1dc9..fa0c7cb5e 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableRow.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/components/RecordTableRow.tsx
@@ -22,6 +22,10 @@ const StyledPlaceholder = styled.td`
   height: 30px;
 `;
 
+const StyledTd = styled.td`
+  background-color: ${({ theme }) => theme.background.primary};
+`;
+
 export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => {
   const { getVisibleTableColumnsSelector, isRowSelectedFamilyState } =
     useRecordTableStates();
@@ -54,9 +58,9 @@ export const RecordTableRow = ({ recordId, rowIndex }: RecordTableRowProps) => {
       >
         {inView ? (
           <>
-            <td>
+            <StyledTd>
               <CheckboxCell />
-            </td>
+            </StyledTd>
             {[...visibleTableColumns]
               .sort((columnA, columnB) => columnA.position - columnB.position)
               .map((column, columnIndex) => {