diff --git a/frontend/css/style.css b/frontend/css/style.css
index 3c4477a..2c3921f 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -134,6 +134,17 @@ main {
     font-size: 1rem;
 }
 
+/* Allow wrapping for Text/Duration (3rd) column */
+#dialog-items-table td:nth-child(3),
+#dialog-items-table td.dialog-editable-cell {
+    white-space: pre-wrap; /* wrap text and preserve newlines */
+    overflow: visible;     /* override global overflow hidden */
+    text-overflow: clip;   /* no ellipsis */
+    word-break: break-word;/* wrap long words/URLs */
+    color: var(--text-primary); /* darker text for readability */
+    font-weight: 350;       /* slightly heavier than 300, lighter than 400 */
+}
+
 /* Make the Speaker (2nd) column narrower */
 #dialog-items-table th:nth-child(2), #dialog-items-table td:nth-child(2) {
     width: 60px;
diff --git a/frontend/js/app.js b/frontend/js/app.js
index 086d1ca..d0d970f 100644
--- a/frontend/js/app.js
+++ b/frontend/js/app.js
@@ -306,8 +306,7 @@ async function initializeDialogEditor() {
             const textTd = document.createElement('td');
             textTd.className = 'dialog-editable-cell';
             if (item.type === 'speech') {
-                let txt = item.text.length > 60 ? item.text.substring(0, 57) + '…' : item.text;
-                textTd.textContent = `"${txt}"`;
+                textTd.textContent = `"${item.text}"`;
                 textTd.title = item.text;
             } else {
                 textTd.textContent = `${item.duration}s`;