diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
index c94248f..05496fd 100644
--- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts
@@ -57,7 +57,9 @@ export class ListOfDzsComponent implements OnInit {
   }
 
   public setToFavorite(dropzone: DropZoneResp) {
-    dropzone.isFavorite = this.serviceApi.SetFavoriteDropZone(dropzone);
+    dropzone.isFavorite = true;
+    this.serviceApi.SetFavoriteDropZone(dropzone);
+    
     const data = this.dataSourceTable.data;
     data.sort((a, b) => (b.isFavorite ? 1 : 0) - (a.isFavorite ? 1 : 0));
     this.dataSourceTable = new MatTableDataSource<DropZoneResp>(data);
@@ -65,7 +67,9 @@ export class ListOfDzsComponent implements OnInit {
   }
 
   public removeToFavorite(dropzone: DropZoneResp) {
-    dropzone.isFavorite = !this.serviceApi.RemoveFavoriteDropZone(dropzone);
+    dropzone.isFavorite = false;
+    this.serviceApi.RemoveFavoriteDropZone(dropzone);
+
     const data = this.dataSourceTable.data;
     data.sort((a, b) => (b.isFavorite ? 1 : 0) - (a.isFavorite ? 1 : 0));
     this.dataSourceTable = new MatTableDataSource<DropZoneResp>(data);
diff --git a/Front/skydivelogs-app/src/app/summary/summary.component.css b/Front/skydivelogs-app/src/app/summary/summary.component.css
index eda1372..32496d2 100644
--- a/Front/skydivelogs-app/src/app/summary/summary.component.css
+++ b/Front/skydivelogs-app/src/app/summary/summary.component.css
@@ -36,3 +36,11 @@
 .mat-tab-group {
   margin-top: 20px;
 }
+
+.containerFlex {
+  display: flex;
+  flex-wrap: wrap;
+}
+.contentFlex {
+  flex: 45%;
+}
\ No newline at end of file
diff --git a/Front/skydivelogs-app/src/app/summary/summary.component.html b/Front/skydivelogs-app/src/app/summary/summary.component.html
index 160f8ad..39eca28 100644
--- a/Front/skydivelogs-app/src/app/summary/summary.component.html
+++ b/Front/skydivelogs-app/src/app/summary/summary.component.html
@@ -16,45 +16,61 @@
 
   <mat-tab-group mat-align-tabs="left" animationDuration="0ms">
     <mat-tab label="Jumps in the last month">
-      <table mat-table [dataSource]="dsJumpForLastMonthByDz">
-        <ng-container matColumnDef="label">
-          <td mat-cell *matCellDef="let element">{{element.label}}</td>
-        </ng-container>
-        <ng-container matColumnDef="nb">
-          <td mat-cell *matCellDef="let element">{{element.nb}}</td>
-        </ng-container>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-      </table>
-      <table mat-table [dataSource]="dsJumpForLastMonthByJumpType">
-        <ng-container matColumnDef="label">
-          <td mat-cell *matCellDef="let element">{{element.label}}</td>
-        </ng-container>
-        <ng-container matColumnDef="nb">
-          <td mat-cell *matCellDef="let element">{{element.nb}}</td>
-        </ng-container>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-      </table>
+      <div class="containerFlex">
+        <fieldset class="contentFlex">
+          <legend>By DZ</legend>
+          <table mat-table [dataSource]="dsJumpForLastMonthByDz">
+            <ng-container matColumnDef="label">
+              <td mat-cell *matCellDef="let element">{{element.label}}</td>
+            </ng-container>
+            <ng-container matColumnDef="nb">
+              <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+            </ng-container>
+            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+          </table>
+        </fieldset>
+        <fieldset class="contentFlex">
+          <legend>By jump type</legend>
+          <table mat-table [dataSource]="dsJumpForLastMonthByJumpType">
+            <ng-container matColumnDef="label">
+              <td mat-cell *matCellDef="let element">{{element.label}}</td>
+            </ng-container>
+            <ng-container matColumnDef="nb">
+              <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+            </ng-container>
+            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+          </table>
+        </fieldset>
+      </div>
     </mat-tab>
 
     <mat-tab label="Jumps in the last year">
-      <table mat-table [dataSource]="dsJumpForLastYearByDz">
-        <ng-container matColumnDef="label">
-          <td mat-cell *matCellDef="let element">{{element.label}}</td>
-        </ng-container>
-        <ng-container matColumnDef="nb">
-          <td mat-cell *matCellDef="let element">{{element.nb}}</td>
-        </ng-container>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-      </table>
-      <table mat-table [dataSource]="dsJumpForLastYearByJumpType">
-        <ng-container matColumnDef="label">
-          <td mat-cell *matCellDef="let element">{{element.label}}</td>
-        </ng-container>
-        <ng-container matColumnDef="nb">
-          <td mat-cell *matCellDef="let element">{{element.nb}}</td>
-        </ng-container>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-      </table>
+      <div class="containerFlex">
+        <fieldset class="contentFlex">
+          <legend>By DZ</legend>
+          <table mat-table [dataSource]="dsJumpForLastYearByDz">
+            <ng-container matColumnDef="label">
+              <td mat-cell *matCellDef="let element">{{element.label}}</td>
+            </ng-container>
+            <ng-container matColumnDef="nb">
+              <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+            </ng-container>
+            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+          </table>
+        </fieldset>
+        <fieldset class="contentFlex">
+          <legend>By jump type</legend>
+          <table mat-table [dataSource]="dsJumpForLastYearByJumpType">
+            <ng-container matColumnDef="label">
+              <td mat-cell *matCellDef="let element">{{element.label}}</td>
+            </ng-container>
+            <ng-container matColumnDef="nb">
+              <td mat-cell *matCellDef="let element">{{element.nb}}</td>
+            </ng-container>
+            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+          </table>
+        </fieldset>
+      </div>
     </mat-tab>
 
     <mat-tab label="By DZ">
diff --git a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
index 731d1ea..5ce4c9c 100644
--- a/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
+++ b/Front/skydivelogs-app/src/app/user-profile/user-profile.component.html
@@ -1,5 +1,4 @@
 <div class="content containerFlex">
-
   <fieldset class="contentFlex">
     <legend>Profile</legend>
     <form [formGroup]="userForm" (ngSubmit)="onSubmit(userForm.value)">