diff --git a/_pkgdown.yml b/_pkgdown.yml
index 1f3c01ca13..3910b421f4 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -37,6 +37,8 @@ navbar:
         href: articles/datatable-sd-usage.html
       - text: "Keys and fast binary search based subset"
         href: articles/datatable-keys-fast-subset.html
+      - text: "Joins in data.table"
+        href: articles/datatable-joins.html
       - text: "Secondary indices and auto indexing"
         href: articles/datatable-secondary-indices-and-auto-indexing.html
       - text: "Efficient reshaping using data.table"
diff --git a/vignettes/css/toc.css b/vignettes/css/toc.css
deleted file mode 100644
index 86adaba5b1..0000000000
--- a/vignettes/css/toc.css
+++ /dev/null
@@ -1,6 +0,0 @@
-#TOC {
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  padding-left: 1em;
-  background: #f6f6f6;
-}
diff --git a/vignettes/datatable-benchmarking.Rmd b/vignettes/datatable-benchmarking.Rmd
index 66788d46d6..9aea81b7e4 100644
--- a/vignettes/datatable-benchmarking.Rmd
+++ b/vignettes/datatable-benchmarking.Rmd
@@ -6,8 +6,6 @@ output:
     options:
       toc: true
       number_sections: true
-    meta:
-      css: [default, css/toc.css]
 vignette: >
   %\VignetteIndexEntry{Benchmarking data.table}
   %\VignetteEngine{knitr::knitr}
@@ -18,6 +16,13 @@ vignette: >
 h2 {
     font-size: 20px;
 }
+
+#TOC {
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding-left: 1em;
+  background: #f6f6f6;
+}
 </style>
 
 This document is meant to guide on measuring performance of `data.table`. Single place to document best practices and traps to avoid.
diff --git a/vignettes/datatable-faq.Rmd b/vignettes/datatable-faq.Rmd
index eb03ce6942..edad2a0c05 100644
--- a/vignettes/datatable-faq.Rmd
+++ b/vignettes/datatable-faq.Rmd
@@ -6,8 +6,6 @@ output:
     options:
       toc: true
       number_sections: true
-    meta:
-      css: [default, css/toc.css]
 vignette: >
   %\VignetteIndexEntry{Frequently Asked Questions about data.table}
   %\VignetteEngine{knitr::knitr}
@@ -18,7 +16,14 @@ vignette: >
 h2 {
     font-size: 20px;
 }
-#TOC { width: 100%; }
+
+#TOC {
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding-left: 1em;
+  background: #f6f6f6;
+  width: 100%; 
+}
 </style>
 
 ```{r, echo = FALSE, message = FALSE}
diff --git a/vignettes/datatable-sd-usage.Rmd b/vignettes/datatable-sd-usage.Rmd
index a1c76713d4..b3c6b58d08 100644
--- a/vignettes/datatable-sd-usage.Rmd
+++ b/vignettes/datatable-sd-usage.Rmd
@@ -6,14 +6,21 @@ output:
     options:
       toc: true
       number_sections: true
-    meta:
-      css: [default, css/toc.css]
 vignette: >
   %\VignetteIndexEntry{Using .SD for Data Analysis}
   %\VignetteEngine{knitr::knitr}
   \usepackage[utf8]{inputenc}
 ---
 
+<style>
+#TOC {
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding-left: 1em;
+  background: #f6f6f6;
+}
+</style>
+
 ```{r, echo = FALSE, message = FALSE}
 require(data.table)
 knitr::opts_chunk$set(