diff --git a/angular/src/directives/navigation/ion-back-button.ts b/angular/src/directives/navigation/ion-back-button.ts
index 3dcff3f991..b50a83d5c8 100644
--- a/angular/src/directives/navigation/ion-back-button.ts
+++ b/angular/src/directives/navigation/ion-back-button.ts
@@ -21,12 +21,14 @@ export class IonBackButton {
     private elementRef: ElementRef,
   ) {}
 
-  @HostListener('click')
-  onClick() {
+  @HostListener('click', ['$event'])
+  onClick(ev: Event) {
     if (this.routerOutlet && this.routerOutlet.canGoBack()) {
       this.routerOutlet.pop();
+      ev.preventDefault();
     } else if (this.router && this.defaultHref != null) {
       this.router.navigateByUrl(this.defaultHref);
+      ev.preventDefault();
     }
   }
 }