diff --git a/web-frontend/src/app/dashboard/dashboard.component.html b/web-frontend/src/app/dashboard/dashboard.component.html
index dfb7362..adcab1d 100644
--- a/web-frontend/src/app/dashboard/dashboard.component.html
+++ b/web-frontend/src/app/dashboard/dashboard.component.html
@@ -1,5 +1,5 @@
 <div class="grid-container">
-  <mat-grid-list cols="2" rowHeight="280px">
+  <mat-grid-list cols="2" rowHeight="fit" class="dashboard-grid-list">
     <mat-grid-tile [colspan]="1" [rowspan]="1">
       <mat-card class="dashboard-card">
         <mat-card-header>
@@ -56,7 +56,6 @@
       </mat-card>
     </mat-grid-tile>
 
-
     <mat-grid-tile [colspan]="2" [rowspan]="1">
       <mat-card class="dashboard-card">
         <mat-card-header>
diff --git a/web-frontend/src/app/dashboard/dashboard.component.scss b/web-frontend/src/app/dashboard/dashboard.component.scss
index 308549b..a6910dc 100644
--- a/web-frontend/src/app/dashboard/dashboard.component.scss
+++ b/web-frontend/src/app/dashboard/dashboard.component.scss
@@ -2,6 +2,10 @@
   margin: 20px;
 }
 
+.dashboard-grid-list {
+  height: calc(100vh - 120px);
+}
+
 .dashboard-card {
   position: absolute;
   top: 15px;
@@ -18,4 +22,5 @@
 
 .dashboard-card-content {
   text-align: left;
+  overflow: auto;
 }