From 4f87ea5a9aa236c86234254dbdc2bf734e124ab1 Mon Sep 17 00:00:00 2001
From: Parship Chowdhury <parshipchowdhury@gmail.com>
Date: Mon, 8 Jun 2026 16:29:48 +0530
Subject: [PATCH] fix: firefox blank import validation screen and center
 toggles (#21266)

## Summary
Resolves #20182 and also centered toggles (e.g. under ICP) vertically in
validation cells.

## Screencasts
In Firefox:

Before:


https://github.com/user-attachments/assets/cd837733-6f4c-4bd4-9b08-723f22a5c9ba

After:


https://github.com/user-attachments/assets/d180a2f3-ee40-46f9-8db2-ecd341878fc6

## Screenshots
Before:
<img width="156" height="160" alt="Screenshot 2026-06-05 215835"
src="https://github.com/user-attachments/assets/a228fea8-7f3d-43f1-88bd-d6e198f8cac0"
/>

After:
<img width="191" height="148" alt="Screenshot 2026-06-05 215815"
src="https://github.com/user-attachments/assets/a419bf29-9925-44f2-a6c7-c11af6401806"
/>

---------

Signed-off-by: Parship Chowdhury <parshipchowdhury@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../spreadsheet-import/components/SpreadsheetImportTable.tsx    | 2 ++
 .../steps/components/ValidationStep/components/columns.tsx      | 1 +
 2 files changed, 3 insertions(+)

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 c89d2c6afd..e0d9906c14 100644
--- a/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadsheetImportTable.tsx
+++ b/packages/twenty-front/src/modules/spreadsheet-import/components/SpreadsheetImportTable.tsx
@@ -24,6 +24,8 @@ const StyledDataGridContainer = styled.div<{ headerRowHeight?: number }>`
   --rdg-warning-cell-background-color: ${themeCssVariables.color.orange};
   --row-selected-hover-background-color: ${themeCssVariables.background
     .secondary};
+  flex: 1;
+  min-height: 0;
 
   > * {
     border: none;
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 ab687eea9a..f67737f08f 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
@@ -184,6 +184,7 @@ export const generateColumns = (
                 }}
               >
                 <Toggle
+                  centered
                   value={row[columnKey] as boolean}
                   onChange={() => {
                     onRowChange({