diff --git a/exampleSite/content/docs/shortcodes/index.md b/exampleSite/content/docs/shortcodes/index.md
index 9fdbcc80..051ca825 100644
--- a/exampleSite/content/docs/shortcodes/index.md
+++ b/exampleSite/content/docs/shortcodes/index.md
@@ -671,7 +671,12 @@ With other shortcodes
   <img src="gallery/07.jpg" class="grid-w33" />
 {{< /gallery >}}
 {{</ timelineItem >}}
+{{< timelineItem icon="code" header="Another Awesome Header">}}
 
+{{< github repo="nunocoracao/blowfish" >}}
+
+
+{{</ timelineItem >}}
 {{</ timeline >}}
 
 
diff --git a/layouts/shortcodes/timeline.html b/layouts/shortcodes/timeline.html
index 27ee729a..efaf922c 100644
--- a/layouts/shortcodes/timeline.html
+++ b/layouts/shortcodes/timeline.html
@@ -1,3 +1,3 @@
-<ol class="border-l-2 list-none border-primary-500 dark:border-primary-300">
+<ol class="border-l-2 border-primary-500 dark:border-primary-300">
   {{- .Inner -}}
 </ol>
\ No newline at end of file
diff --git a/layouts/shortcodes/timelineItem.html b/layouts/shortcodes/timelineItem.html
index 8297b6c1..294b4111 100644
--- a/layouts/shortcodes/timelineItem.html
+++ b/layouts/shortcodes/timelineItem.html
@@ -3,7 +3,7 @@
 {{ $badge := .Get "badge" }}
 {{ $subheader := .Get "subheader" }}
 {{ $text := .Get "text" }}
-<li class="list-none">
+<li>
   <div class="flex flex-start">
     <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 }}
@@ -26,7 +26,9 @@
         {{ $subheader }}
       </h4>
       {{ end }}
-      <p class="text-gray-700 mb-6">{{- .Inner -}}</p>
+      <div class="mb-6">
+        {{- .Inner -}}
+      </div>
     </div>
   </div>
 </li>