diff --git a/Front/skydivelogs-app/package-lock.json b/Front/skydivelogs-app/package-lock.json
index a8783f8..e746899 100644
--- a/Front/skydivelogs-app/package-lock.json
+++ b/Front/skydivelogs-app/package-lock.json
@@ -10925,9 +10925,9 @@
       }
     },
     "node_modules/socket.io-parser": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.2.tgz",
-      "integrity": "sha512-DJtziuKypFkMMHCm2uIshOYC7QaylbtzQwiMYDuCKy3OPkjLzu4B2vAhTlqipRHHzrI0NJeBAizTK7X+6m1jVw==",
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
+      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
       "dev": true,
       "dependencies": {
         "@socket.io/component-emitter": "~3.1.0",
diff --git a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.html b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.html
index fc35ab7..5550272 100644
--- a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.html
+++ b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.html
@@ -16,12 +16,14 @@
     </mat-form-field>
 
     <mat-form-field>
+      <mat-label>{{ 'NewTunnelFlight_Date_Lbl' | translate }}</mat-label>
       <input matInput [matDatepicker]="flightDateDp" [(ngModel)]="flightDate" name="flightDate" disabled>
       <mat-datepicker-toggle matSuffix [for]="flightDateDp"></mat-datepicker-toggle>
       <mat-datepicker #flightDateDp disabled="false"></mat-datepicker>
     </mat-form-field>
 
     <mat-form-field>
+      <mat-label>{{ 'NewTunnelFlight_Minutes_Lbl' | translate }}</mat-label>
       <input matInput placeholder="{{ 'NewTunnelFlight_Minutes' | translate }}" [(ngModel)]="minutesOfFlight"
         name="minutesOfFlight" type="number">
       <button *ngIf="minutesOfFlight" matSuffix mat-icon-button aria-label="Clear" (click)="minutesOfFlight=undefined">
@@ -30,6 +32,7 @@
     </mat-form-field>
 
     <mat-form-field>
+      <mat-label>{{ 'NewTunnelFlight_Comments_Lbl' | translate }}</mat-label>
       <textarea matInput placeholder="{{ 'NewTunnelFlight_Comments' | translate }}" [(ngModel)]="comments"
         name="comments" type="text"></textarea>
       <button *ngIf="comments" matSuffix mat-icon-button aria-label="Clear" (click)="comments=undefined">
@@ -38,8 +41,7 @@
     </mat-form-field>
 
     <br />
-    <button mat-raised-button color="accent" *ngIf="isValidatedForm()">{{ 'NewTunnelFlight_Submit' | translate
-      }}</button>
+    <button mat-raised-button color="accent" *ngIf="isValidatedForm()">{{ 'NewTunnelFlight_Submit' | translate }}</button>
   </form>
 
   <ng-template #loading>
diff --git a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
index 4fc949c..ec55e1c 100644
--- a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
+++ b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
@@ -136,4 +136,8 @@ export class NewTunnelFlightComponent implements OnInit {
       );
     }
   }
+
+  public displayNameFn(data?: any): string | undefined {
+    return data ? data.name : undefined;
+  }
 }