diff --git a/layouts/shortcodes/timelineItem.html b/layouts/shortcodes/timelineItem.html
index 2d4e751f..7ee1d94f 100644
--- a/layouts/shortcodes/timelineItem.html
+++ b/layouts/shortcodes/timelineItem.html
@@ -8,7 +8,7 @@
     <div class="bg-primary-500 dark:bg-primary-300 text-neutral-50 dark:text-neutral-700 min-w-[30px] h-8 text-2xl flex items-center justify-center rounded-full -ml-12 mt-5">
       {{ partial "icon" $icon }}
     </div>
-    <div class="block p-6 rounded-lg shadow-2xl min-w-full ml-6 mb-10 backdrop-blur">
+    <div class="block p-6 rounded-lg shadow-2xl min-w-full ml-6 mb-10 backdrop-blur break-words">
       <div class="flex justify-between">
         {{ if $header }}
         <h2 class="mt-0">
@@ -29,4 +29,4 @@
       <p class="text-gray-700 mb-6">{{- .Inner -}}</p>
     </div>
   </div>
-</li>
\ No newline at end of file
+</li>