From 9f51c61447cc309e26ec266a33a6a64d5a1124ff Mon Sep 17 00:00:00 2001
From: Saverio Cannone <61516305+Xav147@users.noreply.github.com>
Date: Wed, 27 May 2026 08:16:50 +0200
Subject: [PATCH] Fix: long model names overflowing in delete dialog (#468)

---
 apps/yaak-client/lib/deleteModelWithConfirm.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/yaak-client/lib/deleteModelWithConfirm.tsx b/apps/yaak-client/lib/deleteModelWithConfirm.tsx
index ff631553..ac4d5041 100644
--- a/apps/yaak-client/lib/deleteModelWithConfirm.tsx
+++ b/apps/yaak-client/lib/deleteModelWithConfirm.tsx
@@ -35,10 +35,15 @@ export async function deleteModelWithConfirm(
           <>
             the following?
             <Prose className="mt-2">
-              <ul>
+              <ul className="space-y-1">
                 {models.map((m) => (
                   <li key={m.id}>
-                    <InlineCode>{resolvedModelName(m)}</InlineCode>
+                    <InlineCode
+                      className="inline-block truncate align-bottom max-w-full"
+                      title={resolvedModelName(m)}
+                    >
+                      {resolvedModelName(m)}
+                    </InlineCode>
                   </li>
                 ))}
               </ul>