diff --git a/package.json b/package.json
index 8568771..37a8939 100644
--- a/package.json
+++ b/package.json
@@ -46,8 +46,8 @@
     "react": "^15.0.2",
     "react-dom": "^15.0.2",
     "react-pure-render": "^1.0.2",
-    "remark": "^5.0.1",
-    "remark-html": "^5.0.0",
+    "remark": "^7.0.0",
+    "remark-html": "^6.0.0",
     "remark-slug": "^4.1.0",
     "standard-version": "^4.0.0",
     "unist-util-select": "^1.3.0",
@@ -59,7 +59,7 @@
     "cz-conventional-changelog": "1.2.0",
     "expect": "^1.13.4",
     "mocha": "^2.3.4",
-    "to-vfile": "^1.0.0",
+    "to-vfile": "^2.0.0",
     "uglifyjs": "^2.4.10"
   },
   "config": {
diff --git a/src/components/section.js b/src/components/section.js
index 7135572..f37b82c 100644
--- a/src/components/section.js
+++ b/src/components/section.js
@@ -12,7 +12,7 @@ function renderHighlighted(nodes) {
       .stringify(remark()
         .use(remarkHighlight)
         .use(remarkPlugins)
-        .run({
+        .runSync({
           type: 'root',
           children: nodes
         })))
diff --git a/src/index.js b/src/index.js
index 3d5339f..9af63da 100644
--- a/src/index.js
+++ b/src/index.js
@@ -8,7 +8,7 @@ import content from './custom/content';
 
 var ast = remark()
   .use(slug)
-  .run(remark().parse(content));
+  .runSync(remark().parse(content));
 
 ReactDOM.render(
   <App ast={ast} content={content} />,
diff --git a/src/render.js b/src/render.js
index 7682aaa..56b3779 100644
--- a/src/render.js
+++ b/src/render.js
@@ -8,7 +8,7 @@ import fs from 'fs';
 
 var ast = remark()
   .use(slug)
-  .run(remark().parse(content));
+  .runSync(remark().parse(content));
 
 var template = fs.readFileSync('./index.html', 'utf8');