diff --git a/docs/advanced/otherVolumes.md b/docs/advanced/otherVolumes.md
index 36a8254bbc8bdcc8deec3253cc2748aa989c9fd8..b38f05425259ccdfd47e1f2e43086ec9055aa8a4 100644
--- a/docs/advanced/otherVolumes.md
+++ b/docs/advanced/otherVolumes.md
@@ -1,7 +1,7 @@
 # Displaying non-atlas volumes
 
 !!! warning
-  This section is still been developed, and the content/API may change in future versions.
+    This section is still been developed, and the content/API may change in future versions.
 
 Interactive atlas can allow for arbitary volumes to be viewed, either in the context of a reference template or without. 
 
diff --git a/src/services/effect/newTemplate.effect.ts b/src/services/effect/newTemplate.effect.ts
index 102ac244379ba37e9a10bb51205d400bd594f224..d6b68b5d1c3b15fa0877054c1e4cae31ca99024f 100644
--- a/src/services/effect/newTemplate.effect.ts
+++ b/src/services/effect/newTemplate.effect.ts
@@ -19,7 +19,6 @@ export class NewTemplateUseEffect{
   ){
     this.onNewTemplateShouldClearPreviewDataset$ = this.actions$.pipe(
       ofType(NEWVIEWER),
-      tap(() => console.log(`new`)),
       mapTo({
         type: DATASETS_ACTIONS_TYPES.CLEAR_PREVIEW_DATASETS
       })
diff --git a/src/ui/searchSideNav/searchSideNav.component.ts b/src/ui/searchSideNav/searchSideNav.component.ts
index 1bb7ce4a6977e6b36777534089b978d486cf6e2a..a2934c8860d615c0b6eb7300184395c59ab346e3 100644
--- a/src/ui/searchSideNav/searchSideNav.component.ts
+++ b/src/ui/searchSideNav/searchSideNav.component.ts
@@ -26,6 +26,8 @@ import { MatSnackBar } from "@angular/material/snack-bar";
 export class SearchSideNav implements OnDestroy {
   public availableDatasets: number = 0
 
+  public showLayerBrowser: boolean = true
+
   private subscriptions: Subscription[] = []
   private layerBrowserDialogRef: MatDialogRef<any>
 
diff --git a/src/ui/searchSideNav/searchSideNav.style.css b/src/ui/searchSideNav/searchSideNav.style.css
index 40287116012a17025cc03415606ed3a3b6fcaaf6..5d1650ffca031ccf13067a3551d4b9b233547f10 100644
--- a/src/ui/searchSideNav/searchSideNav.style.css
+++ b/src/ui/searchSideNav/searchSideNav.style.css
@@ -23,3 +23,8 @@ connectivity-browser {
 {
   min-height: 50vh!important;
 }
+
+.layerBrowserToggleBtn[toggle-open="true"]
+{
+  transform: translateY(-50%);
+}
diff --git a/src/ui/searchSideNav/searchSideNav.template.html b/src/ui/searchSideNav/searchSideNav.template.html
index 4628d6bc8f7dd13b89f69735457446f30f796d88..ff439458b946f09beb9566e62a3ffe7fbeb0c655 100644
--- a/src/ui/searchSideNav/searchSideNav.template.html
+++ b/src/ui/searchSideNav/searchSideNav.template.html
@@ -75,10 +75,24 @@
 </div>
 
 <ng-template #layerBrowserTmpl>
-  <mat-dialog-content>
-    <layer-browser></layer-browser>
+  <mat-dialog-content [hidden]="!showLayerBrowser">
+    <div class="d-flex flex-column">
+      <layer-browser></layer-browser>
+    </div>
   </mat-dialog-content>
-</ng-template>
+
+  <div class="d-flex justify-content-center position-static h-0 mt-4">
+    <button mat-mini-fab
+      [matBadge]="showLayerBrowser ? null : (layerBrowser.nonBaseNgLayers$ | async).length"
+      class="position-absolute layerBrowserToggleBtn"
+      matTooltip="Toggle the visiblity of the additional layer browser"
+      [attr.toggle-open]="showLayerBrowser"
+      (click)="showLayerBrowser = !showLayerBrowser">
+      <i class="fas" [ngClass]="{'fa-chevron-down': !showLayerBrowser, 'fa-chevron-up': showLayerBrowser}">
+      </i>
+    </button>
+  </div>
+</ng-template>  
 
 <!-- selected regions container -->
 <ng-template #selectedRegionsTmpl>