diff --git a/public/css/pickletree.css b/public/css/pickletree.css
index bdba3f9..af192d7 100644
--- a/public/css/pickletree.css
+++ b/public/css/pickletree.css
@@ -225,7 +225,7 @@
 }
 
 .ptree ul.active {
-  max-height: 500px;
+  /* max-height: 500px; */
   transition: max-height 0.15s ease-in;
 }
 .dragging-element li{ border: 0px !important;}
diff --git a/src/Views/sidebar-docs.php b/src/Views/sidebar-docs.php
new file mode 100644
index 0000000..7453902
--- /dev/null
+++ b/src/Views/sidebar-docs.php
@@ -0,0 +1,25 @@
+<section id="sidebar-docs" :class="isActiveTab(3) ? '' : 'is-hidden'" x-data="{
+    activeSidebarTab: 1,
+    requestsGrid: {},
+    setActiveSidebarTab(value) {
+        this.activeSidebarTab = value;
+    },
+    isActiveSidebarTab(tab) {
+        return tab == this.activeSidebarTab;
+    },
+    downloadData() {
+        downloadRequested();
+    }
+}">
+    <div class="tabs" >
+      <ul>
+<li>Contents</li>
+        <!-- <li @click="setActiveSidebarTab(1)" :class="isActiveSidebarTab(1) ? 'is-active' : ''"><a>Layers</a></li> -->
+        <!-- <li @click="setActiveSidebarTab(2)" :class="isActiveSidebarTab(2) ? 'is-active' : ''"><a>Advanced Search</a></li> -->
+        <!-- <li @click="setActiveSidebarTab(3)" :class="isActiveSidebarTab(3) ? 'is-active' : ''"><a>Requests</a></li> -->
+      </ul>
+    </div>
+    <section x-show="isActiveSidebarTab(1)" id="sidebar-layerview">
+        <?php include('sidebar-layerview.php'); ?>
+    </section>
+</section>
diff --git a/src/Views/tabpanel.php b/src/Views/tabpanel.php
index a802f6e..7f1c98c 100644
--- a/src/Views/tabpanel.php
+++ b/src/Views/tabpanel.php
@@ -50,6 +50,7 @@
 <div id="main-view" class="columns is-flex-grow-1 px-4">
     <aside class="column is-one-third pb-10">
         <?php include('sidebar-panel.php');?>
+        <?php include('sidebar-docs.php');?>
     </aside>
     <main class="column">
         <?php include('main-map.php'); ?>