diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1893c0c..9f25734 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Unreleased
+- Preformat all test data columns. ([#169](https://github.com/opendevstack/ods-document-generation-templates/pull/169))
 - Fix Zephyr test data column formatting and layout. ([#168](https://github.com/opendevstack/ods-document-generation-templates/pull/168))
 
 ## 1.2.15 - 2026-08-17
diff --git a/css/styles.css b/css/styles.css
index bc26147..d9168e2 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -94,8 +94,13 @@ p {
 pre {
   white-space: pre-wrap;
   word-wrap: break-word;
-  word-break: break-all;
-  overflow: hidden;
+}
+
+pre.content-overflow {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    word-break: break-all;
+    overflow: auto;
 }
 
 table {
diff --git a/templates/TCP.html.tmpl b/templates/TCP.html.tmpl
index bd17aec..12af597 100644
--- a/templates/TCP.html.tmpl
+++ b/templates/TCP.html.tmpl
@@ -195,10 +195,10 @@
                         {{#each steps}}
                         <tr>
                             <td>{{orderId}}</td>
-                            <td class="content-wrappable">{{{step}}}</td>
-                            <td class="content-wrappable"><pre>{{{this.data}}}</pre></td>
-                            <td class="content-wrappable">{{{result}}}</td>
-                            <td class="content-wrappable">{{{actualResult}}}</td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{step}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{this.data}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{result}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{actualResult}}}</pre></td>
                         </tr>
                         {{/each}} <!-- end test steps -->
                     </tbody>
@@ -263,10 +263,10 @@
                         {{#each steps}}
                         <tr>
                             <td>{{orderId}}</td>
-                            <td class="content-wrappable">{{{step}}}</td>
-                            <td class="content-wrappable"><pre>{{{this.data}}}</pre></td>
-                            <td class="content-wrappable">{{{result}}}</td>
-                            <td>{{{../actualResult}}}</td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{step}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{this.data}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{result}}}</pre></td>
+                            <td><pre class="content-overflow">{{{../actualResult}}}</pre></td>
                         </tr>
                         {{/each}} <!-- end test steps block -->
                     </tbody>
diff --git a/templates/TCR.html.tmpl b/templates/TCR.html.tmpl
index a856305..fa85a3a 100644
--- a/templates/TCR.html.tmpl
+++ b/templates/TCR.html.tmpl
@@ -204,10 +204,10 @@
                         {{#each steps}}
                         <tr>
                             <td>{{orderId}}</td>
-                            <td class="content-wrappable">{{{step}}}</td>
-                            <td class="content-wrappable"><pre>{{{this.data}}}</pre></td>
-                            <td class="content-wrappable">{{{result}}}</td>
-                            <td class="content-wrappable">{{{../actualResult}}}</td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{step}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{this.data}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{result}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{../actualResult}}}</pre></td>
                         </tr>
                         {{/each}} <!-- end test steps -->
                     </tbody>
@@ -272,10 +272,10 @@
                         {{#each steps}}
                         <tr>
                             <td>{{orderId}}</td>
-                            <td class="content-wrappable">{{{step}}}</td>
-                            <td class="content-wrappable"><pre>{{{this.data}}}</pre></td>
-                            <td class="content-wrappable">{{{result}}}</td>
-                            <td class="content-wrappable">{{{actualResult}}}</td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{step}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{this.data}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{result}}}</pre></td>
+                            <td class="content-wrappable"><pre class="content-overflow">{{{actualResult}}}</pre></td>
                         </tr>
                         {{/each}} <!-- end test steps block -->
                     </tbody>