Fix safari broken table (#11399)

Fixes #11254

packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx

@@ -7,8 +7,8 @@ import { useRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/
 import styled from '@emotion/styled';
 import * as React from 'react';
 import { useEffect } from 'react';
-import { Tab } from './Tab';
 import { IconComponent } from 'twenty-ui/display';
+import { Tab } from './Tab';
 
 export type SingleTabProps<T extends string = string> = {
   title: string;
@@ -37,6 +37,7 @@ const StyledContainer = styled.div`
   gap: ${({ theme }) => theme.spacing(1)};
   height: 40px;
   user-select: none;
+  width: 100%;
 `;
 
 const StyledOuterContainer = styled.div`

packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx

@@ -19,11 +19,6 @@ const StyledScrollWrapper = styled.div`
   height: 100%;
 `;
 
-const StyledInnerContainer = styled.div`
-  height: 100%;
-  width: 100%;
-`;
-
 export type ScrollWrapperProps = {
   children: React.ReactNode;
   className?: string;
@@ -76,7 +71,7 @@ export const ScrollWrapper = ({
         className={className}
         onScroll={handleScroll}
       >
-        <StyledInnerContainer>{children}</StyledInnerContainer>
+        {children}
       </StyledScrollWrapper>
     </ScrollWrapperComponentInstanceContext.Provider>
   );