From 57cfd4db45f513d58f375d4eba73a5d6025b8532 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charles@twenty.com>
Date: Fri, 10 Nov 2023 13:24:39 +0100
Subject: [PATCH] Fix ScrollWrapper

---
 .../record-table/components/RecordTable.tsx     | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/front/src/modules/ui/object/record-table/components/RecordTable.tsx b/front/src/modules/ui/object/record-table/components/RecordTable.tsx
index ae55c625f..43c675140 100644
--- a/front/src/modules/ui/object/record-table/components/RecordTable.tsx
+++ b/front/src/modules/ui/object/record-table/components/RecordTable.tsx
@@ -72,7 +72,6 @@ const StyledTableContainer = styled.div`
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow: auto;
   position: relative;
 `;
 
@@ -116,10 +115,10 @@ export const RecordTable = ({ updateEntityMutation }: RecordTableProps) => {
   });
 
   return (
-    <EntityUpdateMutationContext.Provider value={updateEntityMutation}>
-      <StyledTableWithHeader>
-        <StyledTableContainer>
-          <ScrollWrapper>
+    <ScrollWrapper>
+      <EntityUpdateMutationContext.Provider value={updateEntityMutation}>
+        <StyledTableWithHeader>
+          <StyledTableContainer>
             <div ref={tableBodyRef}>
               <StyledTable className="entity-table-cell">
                 <RecordTableHeader />
@@ -131,9 +130,9 @@ export const RecordTable = ({ updateEntityMutation }: RecordTableProps) => {
                 onDragSelectionChange={setRowSelectedState}
               />
             </div>
-          </ScrollWrapper>
-        </StyledTableContainer>
-      </StyledTableWithHeader>
-    </EntityUpdateMutationContext.Provider>
+          </StyledTableContainer>
+        </StyledTableWithHeader>
+      </EntityUpdateMutationContext.Provider>
+    </ScrollWrapper>
   );
 };