diff --git a/dev-portal/src/services/get-fragments.jsx b/dev-portal/src/services/get-fragments.jsx
index 352d622a5..754fbdd81 100644
--- a/dev-portal/src/services/get-fragments.jsx
+++ b/dev-portal/src/services/get-fragments.jsx
@@ -12,7 +12,7 @@ import { observable } from 'mobx'
 
 // markdown parsing
 import frontmatter from 'front-matter'
-import marked from 'marked'
+import { marked } from 'marked'
 
 export const fragments = observable({})
 
@@ -39,7 +39,7 @@ function loadHtml (path, fragment) {
 
   window.fetch(path).then(response => response.text().then(text => {
     const parsedMarkdown = frontmatter(text)
-    const html = marked(parsedMarkdown.body, {
+    const html = marked.parse(parsedMarkdown.body, {
       headerPrefix: 'header-',
       silent: true
     })