diff --git a/web/viewer.css b/web/viewer.css
index 4a6b1e988..2939776fa 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -35,7 +35,7 @@ body {
   position: absolute;
   top: 0;
   bottom: 0;
-  left: 0;
+  left: -200px;
   width: 200px;
   -moz-transition-property: left;
   -moz-transition-duration: 200ms;
@@ -44,8 +44,8 @@ body {
   -webkit-transition-duration: 200ms;
   -webkit-transition-timing-function: ease;
 }
-#sidebarContainer.hidden {
-  left: -200px;
+#outerContainer.sideBarOpen > #sidebarContainer {
+  left: 0px;
 }
 
 #mainContainer {
@@ -61,7 +61,7 @@ body {
   -webkit-transition-duration: 200ms;
   -webkit-transition-timing-function: ease;
 }
-#mainContainer.sideBarOpen {
+#outerContainer.sideBarOpen > #mainContainer {
   left: 200px;
 }
 
diff --git a/web/viewer.html b/web/viewer.html
index 852cd47d7..adfaddf6b 100644
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -39,7 +39,7 @@
   <body>
     <div id="outerContainer">
 
-      <div id="sidebarContainer" class="hidden">
+      <div id="sidebarContainer">
         <div id="toolbarSidebar">
           <div class="splitToolbarButton toggled">
             <button id="viewThumbnail" class="toolbarButton toggled" title="Show Thumbnails" onclick="PDFView.switchSidebarView('thumbs')"></button>
diff --git a/web/viewer.js b/web/viewer.js
index d6c89f77b..7da175d97 100644
--- a/web/viewer.js
+++ b/web/viewer.js
@@ -1342,8 +1342,8 @@ window.addEventListener('load', function webViewerLoad(evt) {
   document.getElementById('sidebarToggle').addEventListener('click',
     function() {
       this.classList.toggle('toggled');
-      document.getElementById('sidebarContainer').classList.toggle('hidden');
-      mainContainer.classList.toggle('sideBarOpen');
+      console.log('toggling');
+      document.getElementById('outerContainer').classList.toggle('sidebarOpen');
       updateThumbViewArea();
     });
 
