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 0296c87..91b33dc 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
@@ -39,6 +39,13 @@
                 </td>
             </ng-container>
 
+            <ng-container matColumnDef="jumpType">
+                <th mat-header-cell *matHeaderCellDef>Jump Type</th>
+                <td mat-cell *matCellDef="let element">
+                    <span class="smallSpanWithBreakWord" [innerHTML]="element.jumpType.name"></span>
+                </td>
+            </ng-container>
+
             <ng-container matColumnDef="nbMinutes">
                 <th mat-header-cell *matHeaderCellDef>Minutes</th>
                 <td mat-cell *matCellDef="let element">
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 0b3bd28..0742b73 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
@@ -26,6 +26,7 @@ export class ListOfTunnelFlightsComponent implements OnInit {
     public displayedColumns: Array<string> = [
         "id",
         "tunnel",
+        "jumpType",
         "nbMinutes",
         "notes",
         "flightDate"