diff --git a/dist/index.js b/dist/index.js
index 2297b53e..4f5ea7a3 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -687,7 +687,7 @@
     function remove() {
       deleteMessage(message);
     }
-    return /* @__PURE__ */ createElement("div", { class: "tile width-100 flex-no padding-0" }, /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("div", { class: "flex-row justify-apart align-center secondary" }, /* @__PURE__ */ createElement("span", { class: "padding-h ellipsis" }, /* @__PURE__ */ createElement("b", { class: "info" }, message.sender), " - ", message.channel), /* @__PURE__ */ createElement("span", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { "aria-label": translation.copyMessage, "on:click": copyMessage }, /* @__PURE__ */ createElement("span", { class: "icon" }, "content_copy")), /* @__PURE__ */ createElement("button", { "aria-label": translation.decryptMessage, "on:click": decrypt2 }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key")), /* @__PURE__ */ createElement("button", { "aria-label": translation.deleteMessage, "on:click": remove }, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("div", { class: "flex-column padding-h padding-bottom" }, /* @__PURE__ */ createElement("b", { "subscribe:innerText": messageBody2 }), /* @__PURE__ */ createElement("span", { class: "secondary" }, new Date(message.isoDate).toLocaleString()))));
+    return /* @__PURE__ */ createElement("div", { class: "tile width-100 flex-no padding-0" }, /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("div", { class: "flex-row justify-apart align-center secondary" }, /* @__PURE__ */ createElement("span", { class: "padding-h ellipsis" }, /* @__PURE__ */ createElement("b", { class: "info" }, message.sender), " - ", message.channel), /* @__PURE__ */ createElement("span", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { "aria-label": translation.copyMessage, "on:click": copyMessage }, /* @__PURE__ */ createElement("span", { class: "icon" }, "content_copy")), /* @__PURE__ */ createElement("button", { "aria-label": translation.decryptMessage, "on:click": decrypt2 }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key")), /* @__PURE__ */ createElement("button", { "aria-label": translation.deleteMessage, "on:click": remove }, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("div", { class: "flex-column padding-h padding-bottom" }, /* @__PURE__ */ createElement("b", { class: "break-word", "subscribe:innerText": messageBody2 }), /* @__PURE__ */ createElement("span", { class: "secondary" }, new Date(message.isoDate).toLocaleString()))));
   };
   function ThreadView() {
     return /* @__PURE__ */ createElement(
diff --git a/dist/styles.css b/dist/styles.css
index 8d09458f..ec3eafe2 100644
--- a/dist/styles.css
+++ b/dist/styles.css
@@ -954,7 +954,11 @@ main {
 }
 
 .break-all {
-  word-break: break-all;
+  word-break: break-all !important;
+}
+
+.break-word {
+  word-break: break-word !important;
 }
 
 .ellipsis {
diff --git a/src/Views/threadView.tsx b/src/Views/threadView.tsx
index 1d5299d2..d236ac27 100644
--- a/src/Views/threadView.tsx
+++ b/src/Views/threadView.tsx
@@ -44,7 +44,7 @@ const messageConverter: React.ListItemConverter<Message> = (message) => {
           </span>
         </div>
         <div class="flex-column padding-h padding-bottom">
-          <b subscribe:innerText={messageBody}></b>
+          <b class="break-word" subscribe:innerText={messageBody}></b>
           <span class="secondary">
             {new Date(message.isoDate).toLocaleString()}
           </span>