fix: overflow issue in tableSection (twentyhq#7377)

this PR fixes twentyhq#7327 --------- Co-authored-by: ehconitin <[email protected]>
harshit078 · Oct 14, 2024 · e5395a8 · e5395a8
1 parent 11f68fe
commit e5395a8
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx b/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx
@@ -1,8 +1,7 @@
-import { ReactNode, useState } from 'react';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
+import { ReactNode, useState } from 'react';
 import { IconChevronDown, IconChevronUp } from 'twenty-ui';
-
 import { TableBody } from './TableBody';
 
 type TableSectionProps = {
@@ -28,7 +27,7 @@ const StyledSectionHeader = styled.div<{ isExpanded: boolean }>`
 `;
 
 const StyledSection = styled.div<{ isExpanded: boolean }>`
-  max-height: ${({ isExpanded }) => (isExpanded ? '1000px' : 0)};
+  max-height: ${({ isExpanded }) => (isExpanded ? 'fit-content' : 0)};
   opacity: ${({ isExpanded }) => (isExpanded ? 1 : 0)};
   overflow: hidden;
   transition: