diff --git a/src/app/components/shared/list-statistic/list-statistic.component.scss b/src/app/components/shared/list-statistic/list-statistic.component.scss
index 991a5539c6bc237f1f9b90c34fafbec45b2b75ae..e625482f8ab7bf6e7dbddf2df9bcc009f583391b 100644
--- a/src/app/components/shared/list-statistic/list-statistic.component.scss
+++ b/src/app/components/shared/list-statistic/list-statistic.component.scss
@@ -27,8 +27,8 @@ mat-cell {
 }
 
 mat-toolbar {
-  height: 15px;
-  color: white;
+  height: 20px;
+  background-color: white;
 }
 
 .positiveC {
diff --git a/src/app/components/shared/statistic/statistic.component.html b/src/app/components/shared/statistic/statistic.component.html
index 566198030b1eecd715497ffd2cadb564810a2424..8e85b05ff67d56e623d660e5e4cd5e65962b01e9 100644
--- a/src/app/components/shared/statistic/statistic.component.html
+++ b/src/app/components/shared/statistic/statistic.component.html
@@ -1,10 +1,14 @@
-<div>
-  <div fxLayoutAlign="center center">
-    <h3>{{subject}}</h3>
-  </div>
+<div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
+  <mat-card>
+    <mat-card-header>
+      <h3>{{subject}}</h3>
+    </mat-card-header>
+    <mat-divider></mat-divider>
+    <mat-toolbar></mat-toolbar>
   <div>
-    <div style="display: block">
+    <div style="position: relative; height: 60vh">
       <canvas id="chart"></canvas>
     </div>
   </div>
+  </mat-card>
 </div>
diff --git a/src/app/components/shared/statistic/statistic.component.scss b/src/app/components/shared/statistic/statistic.component.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..8c4e99f4cb4922f0e4bcdcbc0495d832b27b89da 100644
--- a/src/app/components/shared/statistic/statistic.component.scss
+++ b/src/app/components/shared/statistic/statistic.component.scss
@@ -0,0 +1,9 @@
+mat-card {
+  max-width: 800px;
+  width: 100%;
+}
+
+mat-toolbar {
+  height: 15px;
+  background-color: white;
+}
diff --git a/src/app/components/shared/statistic/statistic.component.ts b/src/app/components/shared/statistic/statistic.component.ts
index 66530ca42116503ee3b9e088b0ea3802043f22cf..b57b53f788e121307e1dcbfe45e93c2196fb7801 100644
--- a/src/app/components/shared/statistic/statistic.component.ts
+++ b/src/app/components/shared/statistic/statistic.component.ts
@@ -73,6 +73,7 @@ export class StatisticComponent implements OnInit {
             display: false
           },
           responsive: true,
+          maintainAspectRatio: false,
           scales: {
             yAxes: [{
               ticks: {