diff --git a/app/static/css/sidebar.css b/app/static/css/sidebar.css
index e12081aa4..fa147bb97 100644
--- a/app/static/css/sidebar.css
+++ b/app/static/css/sidebar.css
@@ -18,7 +18,7 @@
     height: 100vh;
     max-height: 100vh;
     overflow-x: auto;
-    overflow-y: hidden;
+    overflow-y: auto;
 }
 
 .b-example-divider {
diff --git a/app/templates/sidebar.html b/app/templates/sidebar.html
index f71ec1f6e..badc89937 100644
--- a/app/templates/sidebar.html
+++ b/app/templates/sidebar.html
@@ -2,7 +2,7 @@
   <script type="module" src="/static/js/sidebar.js"></script>
 {% endblock %}
 
-<div id="sidebar">
+<div id="sidebar" class="bg-dark">
   <div class="d-flex flex-column flex-shrink-0 p-3 text-white bg-dark" style="width: 280px">
     <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
       <img src="{{url_for('static', filename='images/logos/celts_logo_white.png')}}" alt="CELTS-image" width="230">