diff --git a/static/js/script.js b/static/js/script.js
index faa08f1..134da1f 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -163,7 +163,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     } else if (currentChar === '\t') {
                         highlightedText += '<span class="highlight-correct highlight-tab">→</span>';
                     } else if (currentChar === '\n') {
-                        highlightedText += '<span class="highlight-correct highlight-newline">↵</span>';
+                        highlightedText += '<span class="highlight-correct highlight-newline">↵</span><br>';
                     } else {
                         highlightedText += `<span class="highlight-correct">${currentChar}</span>`;
                     }
@@ -174,7 +174,7 @@ document.addEventListener('DOMContentLoaded', function() {
                     } else if (currentChar === '\t') {
                         highlightedText += '<span class="highlight-incorrect highlight-tab">→</span>';
                     } else if (currentChar === '\n') {
-                        highlightedText += '<span class="highlight-incorrect highlight-newline">↵</span>';
+                        highlightedText += '<span class="highlight-incorrect highlight-newline">↵</span><br>';
                     } else {
                         highlightedText += `<span class="highlight-incorrect">${currentChar}</span>`;
                     }
@@ -186,7 +186,7 @@ document.addEventListener('DOMContentLoaded', function() {
                 } else if (currentChar === '\t') {
                     highlightedText += '<span class="highlight-tab">→</span>';
                 } else if (currentChar === '\n') {
-                    highlightedText += '<span class="highlight-newline">↵</span>';
+                    highlightedText += '<span class="highlight-newline">↵</span><br>';
                 } else {
                     highlightedText += currentChar;
                 }
diff --git a/templates/index.html b/templates/index.html
index a74fa9a..d8bbcd1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -19,7 +19,7 @@
                         <!-- Textanzeige -->
                         <div class="mb-4">
                             <h5 class="card-title">Vorlage: <span id="lesson-title">{{ current_lesson_title }}</span></h5>
-                            <div id="target-text" class="border p-3 bg-white rounded" style="white-space: pre-line; font-family: monospace;">
+                            <div id="target-text" class="border p-3 bg-white rounded" style="white-space: pre-wrap; font-family: monospace;">
                                 {{ current_text|safe }}
                             </div>
                         </div>