From b0aebc27acf485714b3cabda230d73fe62530dd9 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 19 Apr 2026 20:07:53 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/invoices.$invoiceId.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/invoices.$invoiceId.tsx b/src/routes/invoices.$invoiceId.tsx
index 7241cd9..535eaae 100644
--- a/src/routes/invoices.$invoiceId.tsx
+++ b/src/routes/invoices.$invoiceId.tsx
@@ -425,13 +425,13 @@ function InvoiceDetail() {
                         {sub.items.map((it) => (
                           <tr key={it.id} className={`border-t ${!sub.billable ? "text-muted-foreground" : ""}`}>
                             <td className="px-3 py-2 text-xs">{it.work_date ? formatDate(it.work_date) : "—"}</td>
-                            <td className="px-3 py-2">
+                            <td className="px-3 py-2 align-top">
                               {canEdit && isDraft ? (
                                 <Input className="h-8" defaultValue={it.description}
                                   onBlur={(e) => e.target.value !== it.description && updateItem(it.id, { description: e.target.value })} />
                               ) : (
-                                <div>
-                                  <div className={!sub.billable ? "italic" : ""}>{it.description}</div>
+                                <div className="min-w-0">
+                                  <div className={`whitespace-pre-wrap break-words ${!sub.billable ? "italic" : ""}`}>{it.description}</div>
                                   {it.user?.full_name && <div className="text-[11px] text-muted-foreground italic">{it.user.full_name}</div>}
                                 </div>
                               )}