diff --git a/core/src/components/loading/loading.tsx b/core/src/components/loading/loading.tsx
index 72b2c29116..9855897835 100644
--- a/core/src/components/loading/loading.tsx
+++ b/core/src/components/loading/loading.tsx
@@ -201,7 +201,7 @@ export class Loading implements ComponentInterface, OverlayInterface {
 
   render() {
     return [
-      <ion-backdrop visible={this.showBackdrop} tappable={false} />,
+      <ion-backdrop visible={this.showBackdrop} tappable={this.backdropDismiss} />,
       <div class="loading-wrapper" role="dialog">
         {this.spinner && (
           <div class="loading-spinner">