diff --git a/src/components/documents/document-card.tsx b/src/components/documents/document-card.tsx
index 62af84843..1fa4b2f2b 100644
--- a/src/components/documents/document-card.tsx
+++ b/src/components/documents/document-card.tsx
@@ -180,7 +180,12 @@ export function DocumentCard({
 
   const titleBlock = (
     <div className="flex min-w-0 flex-1 flex-col">
-      <p className="truncate text-sm font-medium">{title}</p>
+      <p
+        className="line-clamp-2 text-sm font-medium break-words hyphens-auto"
+        title={title}
+      >
+        {title}
+      </p>
       <p className="text-muted-foreground truncate text-xs">
         {/* v1.42 — a dated document's date opens its day, above the
             whole-card button. It follows the grid's roving tab stop, so the
diff --git a/src/components/mood/mood-list.tsx b/src/components/mood/mood-list.tsx
index f5fc5a9a0..67102c5f7 100644
--- a/src/components/mood/mood-list.tsx
+++ b/src/components/mood/mood-list.tsx
@@ -846,7 +846,7 @@ export function MoodList({ onAddFirst, onEmptyChange }: MoodListProps = {}) {
                           </span>
                         </TableCell>
                         <TableCell className="text-muted-foreground max-w-[18rem] text-sm">
-                          <span className="block truncate">
+                          <span className="block break-words">
                             {entry.tags.length > 0
                               ? entry.tags.join(", ")
                               : "-"}
@@ -960,7 +960,7 @@ export function MoodList({ onAddFirst, onEmptyChange }: MoodListProps = {}) {
                           </DayLink>
                         </p>
                         {entry.tags.length > 0 && (
-                          <p className="text-muted-foreground truncate text-xs">
+                          <p className="text-muted-foreground text-xs break-words">
                             {entry.tags.join(", ")}
                           </p>
                         )}