diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index a08977e4c4e..54b38a7244c 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -34,7 +34,7 @@
         <!-- </div> -->
       </div>
       <div class="
-        col-xl-9
+        col-xl-6
         col-lg-8
         col-md-8
         col-sm-12
@@ -137,6 +137,19 @@
           {{ end }} -->
         </div>
       </div>
+
+      <!--toc-->
+      <aside class="
+        col-xl-3
+        col-lg-4
+        col-md-4
+        col-sm-12
+        col-xs-12
+        col-12
+        docs-toc">
+        <h4 class="m-a-0">Table of Contents</h4>
+        {{ .TableOfContents }}
+    </aside>
     </div>
   </section>
 
diff --git a/layouts/shortcodes/accordion.html b/layouts/shortcodes/accordion.html
index 0e38ce3b217..9289322f293 100644
--- a/layouts/shortcodes/accordion.html
+++ b/layouts/shortcodes/accordion.html
@@ -1,4 +1,4 @@
-<div class="accordion">
+<div class="accordion" id="{{ .Get "id" }}">
   <input id="{{ .Get "id" }}" type="checkbox" name="accordion">
   <label for="{{ .Get "id" }}">{{ .Get "label" }}</label>
   <div class="accordion-content">