diff --git a/core/src/components/app/test/safe-area/index.html b/core/src/components/app/test/safe-area/index.html
index bd4ac475448..4149818e803 100644
--- a/core/src/components/app/test/safe-area/index.html
+++ b/core/src/components/app/test/safe-area/index.html
@@ -60,7 +60,7 @@
       const toast = Object.assign(document.createElement('ion-toast'), {
         message: 'Hello world!',
         buttons: [
-          { text: 'Close', role: 'close' }
+          { text: 'Close', role: 'cancel' }
         ]
       });
       document.body.appendChild(toast);