From 446bbdbd9670d808edb0276fe0b924a68945f2bf Mon Sep 17 00:00:00 2001
From: Marie <51697796+ijreilly@users.noreply.github.com>
Date: Thu, 16 Jan 2025 15:14:06 +0100
Subject: [PATCH] Fix last record row cells are cropped when selected (#9678)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before
<img width="432" alt="Capture d’écran 2025-01-16 à 14 52 34"
src="https://github.com/user-attachments/assets/0d23c48a-ad27-49ee-9194-7ae12397f928"
/>

After
<img width="503" alt="Capture d’écran 2025-01-16 à 14 51 55"
src="https://github.com/user-attachments/assets/c8b1c8d1-8655-48f0-81fc-d451878e0d10"
/>

---------

Co-authored-by: Weiko <corentin@twenty.com>
---
 .../components/RecordTableCellBaseContainer.tsx                 | 1 +
 .../components/RecordTableAggregateFooter.tsx                   | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx
index eb6cd16dc..31bbf4de2 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellBaseContainer.tsx
@@ -33,6 +33,7 @@ const StyledBaseContainer = styled.div<{
 
   outline: ${({ hasSoftFocus, fontColorExtraLight }) =>
     hasSoftFocus ? `1px solid ${fontColorExtraLight}` : 'none'};
+  z-index: 5;
 `;
 
 export const RecordTableCellBaseContainer = ({
diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx
index 9ea23e64e..98ce4fa1e 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-footer/components/RecordTableAggregateFooter.tsx
@@ -51,7 +51,7 @@ const StyledTableRow = styled.tr<{
     }
   }
   position: sticky;
-  z-index: 5;
+  z-index: 4;
   background: ${({ theme }) => theme.background.primary};
   ${({ endOfTableSticky, hasHorizontalOverflow }) =>
     endOfTableSticky &&