diff --git a/css/glowingbear.css b/css/glowingbear.css
index 5942a90..f40d06c 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -267,7 +267,7 @@ input[type=text], input[type=password], .badge {
     #sidebar {
         font-size: normal;
         z-index: 1;
-        width: 0;
+        width: 60%;
     }
     #sidebar.in, #sidebar.collapsing {
         -webkit-box-shadow: 0px 0px 120px #000;
diff --git a/js/glowingbear.js b/js/glowingbear.js
index 55e2f8b..21f0c0f 100644
--- a/js/glowingbear.js
+++ b/js/glowingbear.js
@@ -633,6 +633,11 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout',
     $rootScope.predicate = $scope.orderbyserver ? 'serverSortKey' : 'number';
 
     $scope.setActiveBuffer = function(bufferId, key) {
+        // If we are on mobile we need to collapse the menu on sidebar clicks
+        // We use 968 px as the cutoff, which should match the value in glowingbear.css
+        if (document.body.clientWidth < 968) {
+            document.querySelector('#sidebar').collapse();
+        }
         return models.setActiveBuffer(bufferId, key);
     };