diff --git a/ui/src/SchemaResult.js b/ui/src/SchemaResult.js
index 2e1dbe03..c381e429 100644
--- a/ui/src/SchemaResult.js
+++ b/ui/src/SchemaResult.js
@@ -48,7 +48,11 @@ export default function SchemaResult({ summary, content, status, instances }) {
           ".MuiTreeItem-content.Mui-expanded .subcaption" : { visibility: "visible" },
           "table": { borderCollapse: 'collapse', fontSize: '80%' },
           "td, th": { padding: '0.2em 0.5em', verticalAlign: 'top' },
-          ".pre": { whiteSpace: 'pre' }
+          ".pre": {
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word',
+            // overflowWrap: 'break-word'
+          }
         }}
       >
         <TreeItem nodeId="0" label="Schema">
@@ -68,7 +72,7 @@ export default function SchemaResult({ summary, content, status, instances }) {
                                 <td>{instances[row.instance_id] ? instances[row.instance_id].guid : '?'}</td>
                                 <td>{instances[row.instance_id] ? instances[row.instance_id].type : '?'}</td>
                                 <td><span class='pre'>{row.constraint_type !== 'schema' ? row.msg.split('\n').slice(2).join('\n') : row.msg}</span></td>
-                              </tr>
+                            </tr>
                             })
                           }
                         </tbody>