diff --git a/src/ui_ng/src/app/project/project.component.html b/src/ui_ng/src/app/project/project.component.html
index 6dc92b80b..22332d4e5 100644
--- a/src/ui_ng/src/app/project/project.component.html
+++ b/src/ui_ng/src/app/project/project.component.html
@@ -1,8 +1,10 @@
 <div class="row">
     <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
-        <h2 class="header-title">{{'PROJECT.PROJECTS' | translate}}</h2>
-        <div>
-            <statistics-panel></statistics-panel>
+        <div class="row flex-items-xs-between flex-items-xs-top">
+            <h2 class="header-title">{{'PROJECT.PROJECTS' | translate}}</h2>
+            <div>
+                <statistics-panel></statistics-panel>
+            </div>
         </div>
         <div class="row flex-items-xs-between">
             <div class="option-left">
diff --git a/src/ui_ng/src/app/shared/statictics/statistics.component.css b/src/ui_ng/src/app/shared/statictics/statistics.component.css
index 0d1f120de..989a14db0 100644
--- a/src/ui_ng/src/app/shared/statictics/statistics.component.css
+++ b/src/ui_ng/src/app/shared/statictics/statistics.component.css
@@ -10,7 +10,7 @@
 .statistic-data {
     font-size: 16px;
     font-weight: 900;
-    font-family: "Metropolis Semibold";
+    font-family: 'Metropolis,"Avenir Next","Helvetica Neue",Arial,sans-serif';
     line-height: 16px;
 }
 
@@ -18,7 +18,7 @@
     font-size: 10px;
     line-height: 10px;
     text-transform: uppercase;
-    font-family: "Metropolis Regular";
+    font-family: 'Metropolis,"Avenir Next","Helvetica Neue",Arial,sans-serif';
 }
 
 .statistic-column-block {
@@ -30,7 +30,7 @@
     position: relative;
     text-transform: uppercase;
     font-size: 14px;
-    font-family: "Metropolis Regular";
+    font-family: 'Metropolis,"Avenir Next","Helvetica Neue",Arial,sans-serif';
 }
 
 .statistic-column-title-pro {