diff --git a/src/app/features/metric/metric.component.html b/src/app/features/metric/metric.component.html
index 1e60426f7d..406f124799 100644
--- a/src/app/features/metric/metric.component.html
+++ b/src/app/features/metric/metric.component.html
@@ -1,7 +1,7 @@
 <div *ngIf="metricService.simpleMetrics$|async as sm"
      [@fade]
      class="wrapper">
-  <section style="max-width: 400px; margin: auto; text-align: center;">
+  <section class="basic-stats">
     <!--  <h2>Basic Metrics</h2>-->
     <p><i>{{sm.start}} – {{sm.end}}</i></p>
     <div class="material-table">
diff --git a/src/app/features/metric/metric.component.scss b/src/app/features/metric/metric.component.scss
index 542b38b869..c9f1a0f705 100644
--- a/src/app/features/metric/metric.component.scss
+++ b/src/app/features/metric/metric.component.scss
@@ -8,6 +8,13 @@ h3 {
   margin-top: $s*3;
 }
 
+.basic-stats {
+  max-width: 400px;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}
+
 .chart-wrapper {
 }
 
@@ -20,3 +27,7 @@ h3 {
     }
   }
 }
+
+section {
+  margin-bottom: 2*$s;
+}