diff --git a/static/style.css b/static/style.css
index fc9a19f..1395034 100644
--- a/static/style.css
+++ b/static/style.css
@@ -736,6 +736,9 @@ a:hover { color: var(--accent-hover); }
 .detail-body {
     line-height: 1.75;
     color: var(--text);
+    overflow-wrap: break-word;
+    word-break: break-word;
+    min-width: 0;
 }
 
 .detail-body p { margin-bottom: 1em; }
diff --git a/templates/note_detail.html b/templates/note_detail.html
index a369fd2..0cf05b6 100644
--- a/templates/note_detail.html
+++ b/templates/note_detail.html
@@ -19,7 +19,7 @@
     </div>
 </div>
 {% if item.body %}
-<div class="card"><div class="detail-body" style="white-space:pre-wrap;font-family:var(--font-body)">{{ item.body }}</div></div>
+<div class="card" style="overflow:hidden"><div class="detail-body" style="white-space:pre-wrap;font-family:var(--font-body);margin-right:20px">{{ item.body }}</div></div>
 {% else %}
 <div class="card"><div class="text-muted" style="padding:20px">No content yet. <a href="/notes/{{ item.id }}/edit">Start writing</a></div></div>
 {% endif %}