diff --git a/static/src/app/app.component.html b/static/src/app/app.component.html
index 1cc35d7..3c61242 100644
--- a/static/src/app/app.component.html
+++ b/static/src/app/app.component.html
@@ -14,7 +14,7 @@
     </mat-sidenav>
   </mat-sidenav-container>
 
-  <div style="overflow-x: auto;position: relative;min-height: calc(100vh - 50px);" (click)="sidenav.close()">
+  <div class="app-content-container" (click)="sidenav.close()">
     <router-outlet></router-outlet>
     <div id="left">
       <router-outlet name="left"></router-outlet>
diff --git a/static/src/app/app.component.scss b/static/src/app/app.component.scss
index 831ec73..1af4253 100644
--- a/static/src/app/app.component.scss
+++ b/static/src/app/app.component.scss
@@ -1,7 +1,7 @@
 @import "style/load-indicator.scss";
 
 mat-sidenav-container, mat-sidenav-content, mat-sidenav {
-  height: calc(100vh - 65px);
+  height: calc(100vh - 50px);
   min-height: fit-content;
   display: inline;
 }
@@ -12,6 +12,12 @@ mat-sidenav {
   width: 250px;
 }
 
+.app-content-container {
+  overflow-x: auto;
+  position: relative;
+  min-height: calc(100vh - 50px)
+}
+
 #scrollTopBtn {
   position: fixed;
   bottom: 20px;