From 27250bd42069968a48ae482ce2b2f9af930dee9a Mon Sep 17 00:00:00 2001
From: Egbert Bouman <ebouman@gmail.com>
Date: Wed, 13 Nov 2024 11:48:56 +0100
Subject: [PATCH] Fix for large dir names in SelectRemotePath

---
 src/tribler/ui/src/dialogs/SelectRemotePath.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/tribler/ui/src/dialogs/SelectRemotePath.tsx b/src/tribler/ui/src/dialogs/SelectRemotePath.tsx
index 36241b1f27..679b74039c 100644
--- a/src/tribler/ui/src/dialogs/SelectRemotePath.tsx
+++ b/src/tribler/ui/src/dialogs/SelectRemotePath.tsx
@@ -55,7 +55,7 @@ export default function SelectRemotePath(props: SelectRemotePathProps & JSX.Intr
             <DialogContent className="max-w-3xl">
                 <DialogHeader>
                     <DialogTitle>Please select a {selectDir ? 'directory' : 'file'}</DialogTitle>
-                    <DialogDescription className="text-base">{currentPath || initialPath}</DialogDescription>
+                    <DialogDescription className="text-base break-all line-clamp-1">{currentPath || initialPath}</DialogDescription>
                 </DialogHeader>
 
                 <ScrollArea className="max-h-[380px] border">
@@ -79,7 +79,7 @@ export default function SelectRemotePath(props: SelectRemotePathProps & JSX.Intr
                 </ScrollArea>
 
                 <DialogFooter className="items-baseline">
-                    {!selectDir && <p className="grow text-base">{lastClicked?.path || initialPath}</p>}
+                    {!selectDir && <p className="grow text-base break-all line-clamp-1">{lastClicked?.path || initialPath}</p>}
                     <Button
                         variant="outline"
                         type="submit"