diff --git a/src/theme/book.css b/src/theme/book.css
index a500a7e0..8d703a53 100644
--- a/src/theme/book.css
+++ b/src/theme/book.css
@@ -30,13 +30,13 @@ body {
 }
 @media only screen and (max-width: 1060px) {
   .sidebar {
-    left: -$sidebar-width;
+    left: -300px;
   }
 }
 .sidebar-hidden .sidebar {
   left: -300px;
 }
-.sidebar-visible . sidebar {
+.sidebar-visible .sidebar {
   left: 0;
 }
 .chapter {
diff --git a/src/theme/stylus/sidebar.styl b/src/theme/stylus/sidebar.styl
index cf464a6a..9ce7caff 100644
--- a/src/theme/stylus/sidebar.styl
+++ b/src/theme/stylus/sidebar.styl
@@ -16,7 +16,7 @@
     transition: left 0.5s
 
     @media only screen and (max-width: 1060px) {
-        left: -$sidebar-width
+        left: - $sidebar-width
     }
 }
 
@@ -24,7 +24,7 @@
     left: - $sidebar-width
 }
 
-.sidebar-visible . sidebar {
+.sidebar-visible .sidebar {
     left: 0
 }