diff --git a/gui/app/components/layout/middle-zone-sidebar.js b/gui/app/components/layout/middle-zone-sidebar.js
index 6efebf30..f5907c7a 100644
--- a/gui/app/components/layout/middle-zone-sidebar.js
+++ b/gui/app/components/layout/middle-zone-sidebar.js
@@ -12,8 +12,10 @@
 import Component from '@ember/component';
 
 export default Component.extend({
-	classNames: ['layout-sidebar', 'non-printable'],
 	tagName: 'nav',
+	classNames: ['layout-sidebar', 'non-printable'],
+	classNameBindings: ['scrollable:sidebar-scroll'],
+	scrollable: false,
 
 	didInsertElement() {
 		this._super(...arguments);
diff --git a/gui/app/pods/folder/index/template.hbs b/gui/app/pods/folder/index/template.hbs
index d9dcdc09..9c945d7a 100644
--- a/gui/app/pods/folder/index/template.hbs
+++ b/gui/app/pods/folder/index/template.hbs
@@ -30,7 +30,7 @@
 			onMoveDocument=(action 'onMoveDocument')}}
 	{{/layout/middle-zone-content}}
 
-	{{#layout/middle-zone-sidebar}}
+	{{#layout/middle-zone-sidebar scrollable=true}}
 		<div id="sidebar" class="sidebar">
 			{{folder/space-view
 				spaces=model.folders
diff --git a/gui/app/styles/layout/layout-sidebar.scss b/gui/app/styles/layout/layout-sidebar.scss
index e4ab6054..a2a063fa 100644
--- a/gui/app/styles/layout/layout-sidebar.scss
+++ b/gui/app/styles/layout/layout-sidebar.scss
@@ -7,6 +7,7 @@
 }
 
 .sidebar-scroll {
+	padding: 1rem;
 	overflow-x: hidden;
 	overflow-y: auto;
 }