diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx index 61fa1f8544..b1715ce7d9 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx @@ -12,9 +12,7 @@ import { type SpreadsheetColumns } from '@/spreadsheet-import/types/SpreadsheetC import { SpreadsheetColumnType } from '@/spreadsheet-import/types/SpreadsheetColumnType'; import { addErrorsAndRunHooks } from '@/spreadsheet-import/utils/dataMutations'; import { useDialogManager } from '@/ui/feedback/dialog-manager/hooks/useDialogManager'; -import { ModalContent } from 'twenty-ui/layout'; import { styled } from '@linaria/react'; -import { themeCssVariables } from 'twenty-ui/theme-constants'; import { Trans, useLingui } from '@lingui/react/macro'; import { type Dispatch, @@ -23,6 +21,8 @@ import { useMemo, useState, } from 'react'; +import { ModalContent } from 'twenty-ui/layout'; +import { themeCssVariables } from 'twenty-ui/theme-constants'; // @ts-expect-error Todo: remove usage of react-data-grid` import { type RowsChangeData } from 'react-data-grid'; import { isDefined } from 'twenty-shared/utils'; @@ -80,6 +80,7 @@ const StyledScrollContainer = styled.div` flex-direction: column; flex-grow: 1; height: 0px; + overflow: auto; width: 100%; `;