diff --git a/apps/web/src/pages/workspace-layout.css b/apps/web/src/pages/workspace-layout.css
index d3a589ae..7b5278f6 100644
--- a/apps/web/src/pages/workspace-layout.css
+++ b/apps/web/src/pages/workspace-layout.css
@@ -218,8 +218,11 @@
   margin-inline-start: 0;
 }
 
-/* Design approval: the two actions share one line, one width and one
-   height. Not yet is not pinned to the right edge, and the labels do not wrap. */
+/* Design approval: the two actions share one line and one height, and Not
+   yet is not pinned to the right edge. Each starts at its label's width and
+   shares the spare room, so a label wraps between words only once the line
+   is too narrow for it; the button centres its text, so clipping it would
+   cut both ends. */
 .document-decision-design [data-slot="tool-approval-card"] > div:last-child {
   flex-wrap: nowrap;
   align-items: stretch;
@@ -229,12 +232,14 @@
   [data-slot="tool-approval-card"]
   > div:last-child
   > button {
-  flex: 1 1 0;
-  min-width: 0;
+  flex: 1 1 auto;
   margin-inline-start: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  height: auto;
+  min-height: 2rem;
+  white-space: normal;
+  overflow-wrap: normal;
+  word-break: normal;
+  text-align: center;
 }
 
 /* The library keeps a settled line's words from shrinking, so a long document title ran past the