diff --git a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx index e83c3e4f5..0c40b98f6 100644 --- a/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx @@ -46,7 +46,6 @@ const StyledColumnContainer = styled.div` const StyledContainerContainer = styled.div` display: flex; flex-direction: column; - height: 100%; `; const StyledBoardContentContainer = styled.div` diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx index c82c15a71..8b239017f 100644 --- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx +++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx @@ -54,9 +54,9 @@ const StyledContainer = styled.div` `; const StyledContainerWithPadding = styled.div` - height: calc(100% - 40px); + box-sizing: border-box; + height: calc(100% - ${({ theme }) => theme.spacing(10)}); margin-left: ${({ theme }) => theme.spacing(2)}; - width: 100%; `; export const RecordIndexContainer = () => { diff --git a/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx b/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx index 7aabec42b..597ea6fcd 100644 --- a/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx +++ b/packages/twenty-front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx @@ -17,7 +17,7 @@ import 'overlayscrollbars/overlayscrollbars.css'; const StyledScrollWrapper = styled.div<{ scrollHide?: boolean }>` display: flex; - height: fit-content; + height: 100%; width: 100%; .os-scrollbar-handle {