Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

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>
                               )}