diff --git a/src/app/shared/components/search-bar/search-bar.component.html b/src/app/shared/components/search-bar/search-bar.component.html
index 611054536ed9ea07c129dacd538dbb43f2294e97..5ac922b9c2ac35ef04fde6937295427fc31454fd 100644
--- a/src/app/shared/components/search-bar/search-bar.component.html
+++ b/src/app/shared/components/search-bar/search-bar.component.html
@@ -7,6 +7,7 @@
     [(ngModel)]="value"
     (ngModelChange)="onChange()"
     (keyup.enter)="handleSearch()"
+    (input)="clear($event)"
   />
   <app-icon-button
     ariaLabel="Rechercher"
diff --git a/src/app/shared/components/search-bar/search-bar.component.ts b/src/app/shared/components/search-bar/search-bar.component.ts
index 47054ef32d648bd4ef08b61cf5cab139ca8e958a..58b31444c20e7f9a6c6b568f04c264c1d375b38b 100644
--- a/src/app/shared/components/search-bar/search-bar.component.ts
+++ b/src/app/shared/components/search-bar/search-bar.component.ts
@@ -19,6 +19,13 @@ export class SearchBarComponent {
     this.searchSubmitted.emit(this.value);
   }
 
+  public clear(event: Event): void {
+    // Call search if cross icon in the input is clicked (only in chrome for input of type search)
+    if (!(event instanceof InputEvent) && event.type === 'input') {
+      this.handleSearch();
+    }
+  }
+
   public onChange(): void {
     this.valueChange.emit(this.value);
   }