diff --git a/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadsheetImportTable.tsx b/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadsheetImportTable.tsx index 81966def3d..920a3c4d9b 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadsheetImportTable.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadsheetImportTable.tsx @@ -1,6 +1,7 @@ import { styled } from '@linaria/react'; import { useContext } from 'react'; import { DataGrid, type DataGridProps } from 'react-data-grid'; +import 'react-data-grid/lib/styles.css'; import { useSpreadsheetImportInternal } from '@/spreadsheet-import/hooks/useSpreadsheetImportInternal'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; diff --git a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx index b36873472b..11e0381466 100644 --- a/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx +++ b/packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx @@ -56,10 +56,12 @@ const StyledInputContainer = styled.div` `; const StyledDefaultContainer = styled.div` + align-content: center; min-height: 100%; min-width: 100%; overflow: hidden; text-overflow: ellipsis; + white-space: nowrap; `; const StyledSelectReadonlyValueContianer = styled.div`