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 d6ffe57f2..bb0a6a07f 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 @@ -25,9 +25,11 @@ export type RecordBoardProps = { const StyledContainer = styled.div` border-top: 1px solid ${({ theme }) => theme.border.color.light}; + overflow: auto; display: flex; flex: 1; flex-direction: row; + min-height: calc(100% - 1px); `; const StyledWrapper = 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 39320c911..3e9f22e04 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 @@ -40,7 +40,8 @@ const StyledContainer = styled.div` overflow: auto; `; -const StyledContainerWithPadding = styled.div` +const StyledContainerWithPadding = styled.div<{ fullHeight?: boolean }>` + min-height: ${({ fullHeight }) => (fullHeight ? '100%' : 'auto')}; padding-left: ${({ theme }) => theme.table.horizontalCellPadding}; `; @@ -193,7 +194,7 @@ export const RecordIndexContainer = ({ )} {recordIndexViewType === ViewType.Kanban && ( - +