diff --git a/packages/ripple-ui-core/src/components/timeline/RplTimeline.stories.mdx b/packages/ripple-ui-core/src/components/timeline/RplTimeline.stories.mdx
index 7fb51a4c69..15033f7458 100644
--- a/packages/ripple-ui-core/src/components/timeline/RplTimeline.stories.mdx
+++ b/packages/ripple-ui-core/src/components/timeline/RplTimeline.stories.mdx
@@ -60,7 +60,7 @@ export const SingleTemplate = (args) => ({
           image: { src: svgPlaceholder({ width: 80, height: 80 }) },
           title: 'Timeline item 5 with link',
           url: 'https://www.google.com',
-          description: 'Contains an image, title, external URL and description.'
+          description: '<p>Contains an image, title, external URL and description.</p><ul><li>Also a list</li></ul>'
         }
       ]
     }}
diff --git a/packages/ripple-ui-core/src/components/timeline/RplTimeline.vue b/packages/ripple-ui-core/src/components/timeline/RplTimeline.vue
index 25a3b1e3ab..c66e428648 100644
--- a/packages/ripple-ui-core/src/components/timeline/RplTimeline.vue
+++ b/packages/ripple-ui-core/src/components/timeline/RplTimeline.vue
@@ -116,7 +116,7 @@ const handleClick = (item) => {
         </p>
         <div
           v-if="item.description"
-          class="rpl-timeline__item-description"
+          class="rpl-timeline__item-description rpl-content"
           v-html="item.description"
         ></div>
       </li>