diff --git a/src/components/Log.svelte b/src/components/Log.svelte
index 9d18853..0ccc11e 100644
--- a/src/components/Log.svelte
+++ b/src/components/Log.svelte
@@ -23,6 +23,16 @@
       addMessage("message" + $messages.length);
     }}>Add Message</button
   >
+  <button
+    on:click={() => {
+      addMessage("message".repeat(100) + $messages.length);
+    }}>Add Long Message</button
+  >
+  <button
+    on:click={() => {
+      addMessage("message ".repeat(100) + $messages.length);
+    }}>Add Long Message (spaced)</button
+  >
   <button
     on:click={() => {
       addMessage("warn" + $messages.length, MessageType.warning);
@@ -65,6 +75,8 @@
 
       > li {
         padding: 1em 0.4em;
+        overflow-wrap: break-word;
+
         &.odd {
           background-color: var(--color-med);
         }