diff --git a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.html b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.html
index e432f27..a44adb1 100644
--- a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.html
+++ b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.html
@@ -29,9 +29,10 @@
 
   <mat-form-field>
     <mat-label>Choose the DZ</mat-label>
-    <input type="text" matInput [matAutocomplete]="autoDropZone" [(ngModel)]="selectedDz" name="selectedDz">
+    <input type="text" matInput [matAutocomplete]="autoDropZone" [(ngModel)]="selectedDz"
+      (ngModelChange)="onChangeDz($event)" name="selectedDz">
     <mat-autocomplete #autoDropZone="matAutocomplete" [displayWith]="displayFn">
-      <mat-option *ngFor="let dropZone of listOfDropZone" [value]="dropZone">
+      <mat-option *ngFor="let dropZone of listOfFilteredDropZone" [value]="dropZone">
         {{dropZone.name}}
         <img src="../../assets/img/favorite.png" alt="favorite DZ" *ngIf="dropZone.isFavorite === true"
           style="width: 16px;">
diff --git a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
index 9230bb7..a0dd5ed 100644
--- a/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
+++ b/Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts
@@ -27,7 +27,8 @@ export class NewJumpComponent implements OnInit {
   withCutaway: boolean;
   listOfJumpType: Array<JumpTypeResp>;
   listOfAircraft: Array<AircraftResp>;
-  listOfDropZone: Array<DropZoneResp>;
+  private listOfDropZone: Array<DropZoneResp>;
+  listOfFilteredDropZone: Array<DropZoneResp>;
   listOfGear: Array<GearResp>;
 
   constructor(
@@ -41,7 +42,6 @@ export class NewJumpComponent implements OnInit {
     this.serviceComm.UpdatedComponentTitle('Add a new jump');
 
     this.endDate = new Date();
-
     this.beginDate = this.dateService.AddDays(new Date(), -1);
 
     this.exitAltitude = 4000;
@@ -97,6 +97,7 @@ export class NewJumpComponent implements OnInit {
     this.serviceApiGet.getListOfDropZones().subscribe(data => {
       data.sort((a, b) => (b.isFavorite ? 1 : 0) - (a.isFavorite ? 1 : 0));
       this.listOfDropZone = data;
+      this.listOfFilteredDropZone = data;
     });
   }
 
@@ -107,7 +108,16 @@ export class NewJumpComponent implements OnInit {
   }
 
 
-  displayFn(data?: JumpTypeResp): string | undefined {
+  public displayFn(data?: JumpTypeResp): string | undefined {
     return data ? data.name : undefined;
   }
+
+  public onChangeDz(event: string) {
+    if (event.length > 3) {
+      const filterValue = event.toLowerCase();
+
+      this.listOfFilteredDropZone = this.listOfDropZone;
+      this.listOfFilteredDropZone = this.listOfFilteredDropZone.filter(option => option.name.toLowerCase().includes(filterValue));
+    }
+  }
 }