diff --git a/assets/javascripts/views/sidebar/sidebar.coffee b/assets/javascripts/views/sidebar/sidebar.coffee
index 50d88dec..b2d76464 100644
--- a/assets/javascripts/views/sidebar/sidebar.coffee
+++ b/assets/javascripts/views/sidebar/sidebar.coffee
@@ -27,11 +27,11 @@ class app.views.Sidebar extends app.View
     return
 
   display: ->
-    @el.style.display = 'block'
+    @addClass 'show'
     return
 
   resetDisplay: ->
-    @el.style.display = '' unless @el.style.display is 'none'
+    @removeClass 'show'
     return
 
   showView: (view) ->
diff --git a/assets/stylesheets/components/_sidebar.scss b/assets/stylesheets/components/_sidebar.scss
index 5fa619a1..df847886 100644
--- a/assets/stylesheets/components/_sidebar.scss
+++ b/assets/stylesheets/components/_sidebar.scss
@@ -40,9 +40,8 @@
     }
   }
 
-  ._sidebar-hidden & {
-    display: none;
-  }
+  ._sidebar-hidden & { display: none; }
+  &.show { display: block; }
 }
 
 ._resizer {
@@ -56,6 +55,7 @@
   cursor: col-resize;
 
   ._sidebar-hidden & { display: none; }
+  ._sidebar-hidden ._sidebar.show ~ & { display: block; }
 }
 
 //