From 0295790c9a6d64e4066be74981cce548a4bd7313 Mon Sep 17 00:00:00 2001
From: saridsa2 <s.satya.suman@globaluniversityfoundation.com>
Date: Tue, 31 Mar 2026 14:12:26 +0530
Subject: [PATCH] =?UTF-8?q?fix:=20preview=20table=20scrolling=20=E2=80=94?=
 =?UTF-8?q?=20proper=20flex=20constraints=20for=20table=20body=20scroll?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/application/table/dynamic-table.tsx | 4 +++-
 src/components/campaigns/lead-import-wizard.tsx    | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/application/table/dynamic-table.tsx b/src/components/application/table/dynamic-table.tsx
index c1d7d4f..f95eb33 100644
--- a/src/components/application/table/dynamic-table.tsx
+++ b/src/components/application/table/dynamic-table.tsx
@@ -21,6 +21,7 @@ interface DynamicTableProps<T extends DynamicRow> {
     rowClassName?: (row: T) => string;
     size?: 'sm' | 'md';
     maxRows?: number;
+    className?: string;
 }
 
 export const DynamicTable = <T extends DynamicRow>({
@@ -30,11 +31,12 @@ export const DynamicTable = <T extends DynamicRow>({
     rowClassName,
     size = 'sm',
     maxRows,
+    className,
 }: DynamicTableProps<T>) => {
     const displayRows = maxRows ? rows.slice(0, maxRows) : rows;
 
     return (
-        <Table size={size} aria-label="Dynamic table">
+        <Table size={size} aria-label="Dynamic table" className={className}>
             <Table.Header>
                 {columns.map(col => (
                     <Table.Head key={col.id} id={col.id} label={col.headerRenderer ? '' : col.label}>
diff --git a/src/components/campaigns/lead-import-wizard.tsx b/src/components/campaigns/lead-import-wizard.tsx
index 36c6b07..620da93 100644
--- a/src/components/campaigns/lead-import-wizard.tsx
+++ b/src/components/campaigns/lead-import-wizard.tsx
@@ -304,7 +304,7 @@ export const LeadImportWizard = ({ isOpen, onOpenChange }: LeadImportWizardProps
 
                                 {/* Step 3: Preview Table */}
                                 {step === 'preview' && (
-                                    <div className="flex flex-1 flex-col min-h-0 overflow-hidden">
+                                    <div className="flex flex-1 flex-col min-h-0">
                                         {/* Summary bar */}
                                         <div className="flex shrink-0 items-center gap-4 px-6 py-2 border-b border-secondary text-xs text-tertiary">
                                             <span>{rowsWithMatch.length} rows</span>
@@ -314,8 +314,8 @@ export const LeadImportWizard = ({ isOpen, onOpenChange }: LeadImportWizardProps
                                             {noPhoneCount > 0 && <span className="text-error-primary">{noPhoneCount} no phone</span>}
                                         </div>
 
-                                        {/* Table — fills remaining space, scrolls internally */}
-                                        <div className="flex-1 min-h-0 overflow-hidden px-4 pt-2">
+                                        {/* Table — fills remaining space, body scrolls */}
+                                        <div className="flex-1 min-h-0 overflow-auto px-4 pt-2">
                                             <DynamicTable<DynamicRow>
                                                 columns={[
                                                     ...mapping.filter(m => m.leadField).map(m => ({