diff --git a/Front/skydivelogs-app/src/app/default/default.component.html b/Front/skydivelogs-app/src/app/default/default.component.html
index 50063a7..be75a6e 100644
--- a/Front/skydivelogs-app/src/app/default/default.component.html
+++ b/Front/skydivelogs-app/src/app/default/default.component.html
@@ -1,17 +1,22 @@
 <div class="content">
     <p>
         <a class="nostyle" routerLink="/summary" routerLinkActive="active" skipLocationChange>
-            <mat-icon aria-hidden="false" aria-label="Summary" style="width: 256px; height:256px; font-size: 256px;">timeline</mat-icon>
+            <mat-icon aria-hidden="false" aria-label="Summary" style="width: 128px; height:128px; font-size: 128px;">timeline</mat-icon>
         </a>
     </p>
     <p>
         <a class="nostyle" routerLink="/newjump" routerLinkActive="active" skipLocationChange>
-            <mat-icon aria-hidden="false" aria-label="Add jumps" style="width: 256px; height:256px; font-size: 256px;">add_circle</mat-icon>
+            <mat-icon aria-hidden="false" aria-label="Add jumps" style="width: 128px; height:128px; font-size: 128px;">add_circle</mat-icon>
         </a>
     </p>
     <p>
         <a class="nostyle" routerLink="/jumps" routerLinkActive="active" skipLocationChange>
-            <mat-icon aria-hidden="false" aria-label="List of jumps" style="width: 256px; height:256px; font-size: 256px;">list_alt</mat-icon>
+            <mat-icon aria-hidden="false" aria-label="List of jumps" style="width: 128px; height:128px; font-size: 128px;">list_alt</mat-icon>
+        </a>
+    </p>
+    <p>
+        <a class="nostyle" routerLink="/tunnelFlights" routerLinkActive="active" skipLocationChange>
+            <img src="assets/img/tunnel.jpg" alt="Tunnel flights" style="width: 128px; height:128px; font-size: 128px;" />
         </a>
     </p>
 </div>
diff --git a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
index 692fad2..13b95b7 100644
--- a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
+++ b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
@@ -64,7 +64,7 @@
             </ng-container>
 
             <ng-container matColumnDef="actions">
-                <th mat-header-cell *matHeaderCellDef style="min-width: 70px;"></th>
+                <th mat-header-cell *matHeaderCellDef style="min-width: 80px;"></th>
                 <td mat-cell *matCellDef="let element" style="text-align: left;">
                     <mat-icon aria-hidden="false" aria-label="Delete this jump" style="cursor: pointer;"
                         (click)='delete(element)'>delete</mat-icon>
diff --git a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.html b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.html
index e4384dd..db5e444 100644
--- a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.html
+++ b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.html
@@ -68,6 +68,14 @@
                 </td>
             </ng-container>
 
+            <ng-container matColumnDef="actions">
+                <th mat-header-cell *matHeaderCellDef style="min-width: 80px;"></th>
+                <td mat-cell *matCellDef="let element" style="text-align: left;">
+                    <mat-icon aria-hidden="false" aria-label="Delete this jump" style="cursor: pointer;"
+                        (click)='delete(element)'>delete</mat-icon>
+                </td>
+            </ng-container>
+
             <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
             <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
         </table>
diff --git a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
index ca1fe54..21780fe 100644
--- a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
+++ b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts
@@ -203,4 +203,12 @@ export class ListOfTunnelFlightsComponent implements OnInit {
 
         return beginDate;
     }
+
+    public delete(item: TunnelFlight) {
+        let data: Array<TunnelFlight> = this.dataSourceTable.data;
+        data = data.filter((d) => d.id !== item.id);
+
+        this.dataSourceTable.data = data;
+        this.serviceTunnelFlight.deleteTunnelFlight(item);
+    }
 }
diff --git a/Front/skydivelogs-app/src/services/jump.service.ts b/Front/skydivelogs-app/src/services/jump.service.ts
index 4fb3b76..a3874af 100644
--- a/Front/skydivelogs-app/src/services/jump.service.ts
+++ b/Front/skydivelogs-app/src/services/jump.service.ts
@@ -101,9 +101,7 @@ export class JumpService extends BaseService {
   }
 
   public deleteJump(item: Jump) {
-    this.http.delete(`${this.apiUrl}/Jump/${item.id}`,
-      { headers: this.headers, })
-      .subscribe();
+    this.http.delete(`${this.apiUrl}/Jump/${item.id}`, { headers: this.headers }).subscribe();
   }
 
   public updateJump(id: number,
diff --git a/Front/skydivelogs-app/src/services/tunnel-flight.service.ts b/Front/skydivelogs-app/src/services/tunnel-flight.service.ts
index 4485dd3..3e9f3a1 100644
--- a/Front/skydivelogs-app/src/services/tunnel-flight.service.ts
+++ b/Front/skydivelogs-app/src/services/tunnel-flight.service.ts
@@ -50,6 +50,10 @@ export class TunnelFlightService extends BaseService {
                     );
   }
 
+  public deleteTunnelFlight(item: TunnelFlight) {
+    this.http.delete(`${this.apiUrl}/TunnelFlight/${item.id}`, { headers: this.headers }).subscribe();
+  }
+
   public getTunnelFlightsByMonth(begin: Date, end: Date): Observable<Array<TunnelFlightByMonth>> {
     let beginDate = this.datePipe.transform(begin, "yyyy-MM-dd");
     let endDate = this.datePipe.transform(end, "yyyy-MM-dd");