diff --git a/server/files/javascript/semantic.js b/server/files/javascript/semantic.js
index 149bbf2dc..aef0c2579 100755
--- a/server/files/javascript/semantic.js
+++ b/server/files/javascript/semantic.js
@@ -836,6 +836,9 @@ semantic.ready = function() {
     .on('mouseleave', handler.menu.mouseleave)
   ;
   $menu
+    .sidebar({
+      animation: 'slide along'
+    })
     .sidebar('attach events', '.launch.button, .view-ui.button, .launch.item')
     .sidebar('attach events', $hideMenu, 'hide')
   ;
diff --git a/src/definitions/modules/sidebar.js b/src/definitions/modules/sidebar.js
index d9abb6be4..d87c8f491 100755
--- a/src/definitions/modules/sidebar.js
+++ b/src/definitions/modules/sidebar.js
@@ -99,7 +99,6 @@ $.fn.sidebar = function(parameters) {
 
         event: {
           clickaway: function(event) {
-            console.log(event.target);
             if( $module.find(event.target).size() === 0 && $(event.target).filter($module).size() === 0 ) {
               module.verbose('User clicked on dimmed page');
               $.proxy(module.hide, element)();
@@ -109,7 +108,6 @@ $.fn.sidebar = function(parameters) {
 
         bind: {
           clickaway: function() {
-            console.log($body);
             $body
               .on('click' + eventNamespace, module.event.clickaway)
             ;
diff --git a/src/definitions/modules/sidebar.less b/src/definitions/modules/sidebar.less
index 271119999..58d339185 100755
--- a/src/definitions/modules/sidebar.less
+++ b/src/definitions/modules/sidebar.less
@@ -224,16 +224,19 @@ body.reveal.pushed > .pusher {
 
 /* Set-up */
 body.slide.along > .ui.sidebar {
-  z-index: 1;
+  z-index: 2;
   transform: translate3d(-50%, 0, 0);
 }
+body.slide.along > .pusher {
+  z-index: 3;
+}
 
 /* Pushed */
 body.slide.along.pushed > .pusher {
   transform: translate3d(@sidebarWidth, 0, 0);
 }
 body.slide.along.pushed > .visible.ui.sidebar {
-  transform: translate3d(0, 0, 0);
+  transform: translate3d(0%, 0, 0);
 }
 
 /* Animation */