diff --git a/web/index.html b/web/index.html
index ac1d9ed..1e532d0 100644
--- a/web/index.html
+++ b/web/index.html
@@ -158,6 +158,9 @@ blockquote[type="cite"],
   margin-left: .5em;
   margin-bottom: 0 !important;
 }
+.content-tree {
+  white-space: pre-line;
+}
 </style>
 </head>
 
diff --git a/web/src/view/mod.rs b/web/src/view/mod.rs
index e0673c2..18a7ea0 100644
--- a/web/src/view/mod.rs
+++ b/web/src/view/mod.rs
@@ -292,7 +292,10 @@ fn thread(thread: &ShowThreadQueryThread) -> Node<Msg> {
                             contents,
                             content_tree,
                         },
-                    ) => div![raw_text_message(&contents), pre![content_tree]],
+                    ) => div![
+                        raw_text_message(&contents),
+                        pre![C!["content-tree"], content_tree]
+                    ],
                     ShowThreadQueryThreadMessagesBody::Html(
                         ShowThreadQueryThreadMessagesBodyOnHtml {
                             contents,
@@ -310,7 +313,7 @@ fn thread(thread: &ShowThreadQueryThread) -> Node<Msg> {
                         .iter()
                         .map(|a| div!["Filename: ", &a.filename, " ", &a.content_type])
                         ]),
-                        pre![content_tree]
+                        pre![C!["content-tree"], content_tree]
                     ],
                 }
             ],