diff --git a/src/Frontend/src/components/MailDetailBox.vue b/src/Frontend/src/components/MailDetailBox.vue
index ef7d5ee..3139fce 100644
--- a/src/Frontend/src/components/MailDetailBox.vue
+++ b/src/Frontend/src/components/MailDetailBox.vue
@@ -24,10 +24,10 @@ withDefaults(defineProps<Props>(), {
         :key="`detail-${index}`"
       >
         <template v-if="preformatted">
-          <pre style="margin: 0px;">{{ detail }}</pre>
+          <pre style="margin: 0px; word-wrap: break-word; white-space: break-spaces;">{{ detail }}</pre>
         </template>
         <template v-else>
-          <div style="font-family: monospace;">
+          <div style="font-family: monospace; word-wrap: break-word; white-space: break-spaces;">
             {{ detail }}
           </div>
         </template>