diff --git a/src/app/shared/components/v3/search-bar/search-bar.component.html b/src/app/shared/components/v3/search-bar/search-bar.component.html
index 8bb5c761093960b38b520b5ce5817e92980d2864..bdf249223956f30be055da3623cba21576f75ed2 100644
--- a/src/app/shared/components/v3/search-bar/search-bar.component.html
+++ b/src/app/shared/components/v3/search-bar/search-bar.component.html
@@ -1,10 +1,10 @@
 <form class="search-bar">
   <input
-    type="text"
+    type="search"
     name="search"
     [placeholder]="placeholder"
     [(ngModel)]="value"
-    (change)="onChange($event)"
+    (ngModelChange)="onChange()"
     (keyup.enter)="handleSearch()"
   />
   <app-v3-icon-button
diff --git a/src/app/shared/components/v3/search-bar/search-bar.component.ts b/src/app/shared/components/v3/search-bar/search-bar.component.ts
index 70586f4a38ceb737d1d9b8a7a7da83e46b7b9204..2d9b1d8936386ab938d52be2840058193d3b36c3 100644
--- a/src/app/shared/components/v3/search-bar/search-bar.component.ts
+++ b/src/app/shared/components/v3/search-bar/search-bar.component.ts
@@ -22,8 +22,7 @@ export class SearchBarV3Component {
     this.search.emit(this.value);
   }
 
-  public onChange(event: Event): void {
-    this.value = (event.target as HTMLInputElement).value;
+  public onChange(): void {
     this.valueChange.emit(this.value);
   }
 }