diff --git a/src/frontend/app/ui/admin/admin.component.css b/src/frontend/app/ui/admin/admin.component.css
index 4bfacd19..0bf07bed 100644
--- a/src/frontend/app/ui/admin/admin.component.css
+++ b/src/frontend/app/ui/admin/admin.component.css
@@ -9,6 +9,11 @@
 *:focus {
   outline: none;
 }
+.admin-menu{
+  max-height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
 
 nav.sticky-top {
   transition: top 0.3s ease-in-out;
diff --git a/src/frontend/app/ui/admin/admin.component.html b/src/frontend/app/ui/admin/admin.component.html
index 6d6acec7..4ba38255 100644
--- a/src/frontend/app/ui/admin/admin.component.html
+++ b/src/frontend/app/ui/admin/admin.component.html
@@ -77,8 +77,8 @@
     </div>
 
     <div class="row mt-2">
-      <div class="col-md-2 ">
-        <nav class="nav flex-column sticky-top z-0 pb-2"
+      <div class="col-md-auto ">
+        <nav class="nav admin-menu flex-column sticky-top z-0 pb-2"
              [style]="frame.shouldHideNavbar ? '' : 'top:'+(frame.navContainer.nativeElement.offsetHeight)+'px; max-height:calc(100vh - '+(frame.navContainer.nativeElement.offsetHeight)+'px)'">
           <div class="card">
             <div class="card-body text-md-start text-center align-content-md-start align-content-center">
@@ -104,7 +104,7 @@
 
         </nav>
       </div>
-      <div class="col-md-10">
+      <div class="col-md">
         <app-settings-template
           *ngFor="let cp of configPaths"
           #setting