diff --git a/src/frontend/app/sidebar/sidebar.component.scss b/src/frontend/app/sidebar/sidebar.component.scss
index 98a89f1724b17992b80fb9593dcda699cc5e4ff0..d5218488bd03387c87ab68eed659a9476845a75b 100644
--- a/src/frontend/app/sidebar/sidebar.component.scss
+++ b/src/frontend/app/sidebar/sidebar.component.scss
@@ -1,7 +1,7 @@
 @import '../../css/vars.scss';
 
 .main-header {
-  height: 25%;
+  height: 205px;
   overflow: auto;
 }
 
@@ -9,6 +9,8 @@
   position: relative;
   height: 100%;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 
   &-header {
     background: #F1F4F4;
@@ -46,10 +48,11 @@
     justify-content: space-around;
   }
   .nav {
-    height: 75%;
+    flex: 1;
     overflow-y: scroll;
     margin-top: 0px;
     overflow-x: hidden;
+    margin-bottom: 0px;
 
     &-item {
       height: 70px;