Fix list-statistic view finally

src/app/components/shared/list-statistic/list-statistic.component.html

-<div fxLayoutAlign="center" fxLayoutGap="10px">
-  <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
+<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
 
-    <ng-container matColumnDef="content">
-      <mat-header-cell *matHeaderCellDef> Content </mat-header-cell>
-      <mat-cell *matCellDef="let cp"> {{cp.content}}</mat-cell>
-    </ng-container>
+  <ng-container matColumnDef="content">
+    <mat-header-cell *matHeaderCellDef> Content </mat-header-cell>
+    <mat-cell *matCellDef="let cp"> {{cp.content}}</mat-cell>
+  </ng-container>
 
-    <ng-container matColumnDef="percentage">
-      <mat-header-cell *matHeaderCellDef> Percentage </mat-header-cell>
-      <mat-cell *matCellDef="let cp"> {{cp.percent}}</mat-cell>
-    </ng-container>
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-    <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
-  </table>
-</div>
+  <ng-container matColumnDef="percentage">
+    <mat-header-cell *matHeaderCellDef> Percentage </mat-header-cell>
+    <mat-cell *matCellDef="let cp"> {{cp.percent}}</mat-cell>
+  </ng-container>
+
+  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+  <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
+</table>

src/app/components/shared/list-statistic/list-statistic.component.scss

+table{
+  width: 100%;
+}
+
+.mat-column-percentage {
+  display: flex;
+  justify-content: flex-end;
+}
+
+mat-header-cell {
+  color: #3f51b5;
+}