From a6ad27f7436ab4073f8a5fbca007ab650ffc6471 Mon Sep 17 00:00:00 2001
From: Parth <143504541+parrth20@users.noreply.github.com>
Date: Fri, 10 Jul 2026 18:40:39 +0530
Subject: [PATCH] fix(send): make utxo selection table scrollable (#1327)

---
 src/components/send/UtxoSelectionDialog.tsx        | 7 ++++---
 src/components/wallet/WalletJarsDetailsContent.tsx | 4 ++--
 src/components/wallet/WalletJarsDetailsOverlay.tsx | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/send/UtxoSelectionDialog.tsx b/src/components/send/UtxoSelectionDialog.tsx
index 36d7d44e..4b3e2684 100644
--- a/src/components/send/UtxoSelectionDialog.tsx
+++ b/src/components/send/UtxoSelectionDialog.tsx
@@ -36,7 +36,7 @@ export const UtxoSelectionDialog = ({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-6xl">
+      <DialogContent className="flex max-w-6xl flex-col overflow-hidden">
         <DialogHeader>
           <DialogTitle>{t('show_utxos.title')}</DialogTitle>
           <DialogDescription>
@@ -45,12 +45,13 @@ export const UtxoSelectionDialog = ({
         </DialogHeader>
 
         <Input
+          className="shrink-0"
           value={filter}
           onChange={(event) => onFilterChange(event.target.value)}
           placeholder={t('jar_details.utxo_list.placeholder_search')}
           disabled={isSubmitting}
         />
-        <div className="max-h-[55dvh] min-h-0 overflow-hidden">
+        <div className="flex min-h-0 min-w-0 flex-1 flex-col">
           <JarUtxosTable
             globalFilter={filter}
             tableEntries={tableEntries}
@@ -61,7 +62,7 @@ export const UtxoSelectionDialog = ({
           />
         </div>
 
-        <DialogFooter>
+        <DialogFooter className="shrink-0">
           <Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isSubmitting}>
             {t('modal.confirm_button_reject')}
           </Button>
diff --git a/src/components/wallet/WalletJarsDetailsContent.tsx b/src/components/wallet/WalletJarsDetailsContent.tsx
index 079a354a..bfe1eb1d 100644
--- a/src/components/wallet/WalletJarsDetailsContent.tsx
+++ b/src/components/wallet/WalletJarsDetailsContent.tsx
@@ -346,7 +346,7 @@ export const WalletJarsDetailsContent = ({
         </TabsList>
       </Tabs>
 
-      <Tabs defaultValue="utxos" className="flex flex-1 flex-col gap-4">
+      <Tabs defaultValue="utxos" className="flex min-h-0 flex-1 flex-col gap-4">
         <TabsList className="mx-auto flex items-center gap-2">
           <TabsTrigger value="utxos" className="cursor-pointer" disabled={!enabled}>
             {t('jar_details.title_tab_utxos')}
@@ -361,7 +361,7 @@ export const WalletJarsDetailsContent = ({
           )}
         </TabsList>
 
-        <TabsContent value="utxos" className="flex flex-col gap-2">
+        <TabsContent value="utxos" className="flex min-h-0 flex-1 flex-col gap-2">
           <UtxosContent
             key={activeJar.jarIndex}
             enabled={enabled}
diff --git a/src/components/wallet/WalletJarsDetailsOverlay.tsx b/src/components/wallet/WalletJarsDetailsOverlay.tsx
index f8ed47b9..ed15991f 100644
--- a/src/components/wallet/WalletJarsDetailsOverlay.tsx
+++ b/src/components/wallet/WalletJarsDetailsOverlay.tsx
@@ -34,7 +34,7 @@ export function WalletJarsDetailsOverlay({
         <div className="flex min-h-0 flex-1 overflow-hidden">
           <WalletJarsDetailsContent
             enabled={open}
-            className="flex h-full flex-col overflow-auto p-2 pt-0"
+            className="flex h-full min-h-0 flex-col overflow-hidden p-2 pt-0"
             debug={isDeveloperMode}
             selectedJarIndex={selectedJarIndex}
             walletFileName={walletFileName}