diff --git a/frontend/src/components/HTMLEditor.vue b/frontend/src/components/HTMLEditor.vue
index 166d2392..c5d3c18d 100644
--- a/frontend/src/components/HTMLEditor.vue
+++ b/frontend/src/components/HTMLEditor.vue
@@ -28,7 +28,11 @@ export default {
       el.attachShadow({ mode: 'open' });
       el.shadowRoot.innerHTML = `
         <style>
-          .codeflask .codeflask__flatten { font-size: 15px; }
+          .codeflask .codeflask__flatten { 
+            font-size: 15px;
+            white-space: pre-wrap ;
+            word-break: break-word ;
+          }
           .codeflask .codeflask__lines { background: #fafafa; z-index: 10; }
           .codeflask .token.tag { font-weight: bold; }
           .codeflask .token.attr-name { color: #111; }