diff --git a/packages/core/src/components/modal-controller/modal-controller.tsx b/packages/core/src/components/modal-controller/modal-controller.tsx
index 3747fe1496..3e4650ca10 100644
--- a/packages/core/src/components/modal-controller/modal-controller.tsx
+++ b/packages/core/src/components/modal-controller/modal-controller.tsx
@@ -1,7 +1,7 @@
 import { Component, Listen, Method } from '@stencil/core';
 import { Modal, ModalEvent, ModalOptions } from '../../index';
 
-let ids: 0;
+let ids = 0;
 const modals = new Map<number, Modal>();
 
 @Component({
diff --git a/packages/core/src/components/modal/test/basic/index.html b/packages/core/src/components/modal/test/basic/index.html
index 7b57a4e357..417ff0a2d2 100644
--- a/packages/core/src/components/modal/test/basic/index.html
+++ b/packages/core/src/components/modal/test/basic/index.html
@@ -38,16 +38,9 @@
       // create component to open
       const element = document.createElement('ion-page');
       element.innerHTML = `
-      <ion-header>
-        <ion-toolbar>
-          <ion-title>Cool Modal</ion-title>
-        </ion-toolbar>
-      </ion-header>
-      <ion-content padding>
-        <h1>Super content</h1>
-        <div>Additional content</div>
+      <div style="height: 500px; background-color: red">
         <ion-button>Close the modal</ion-button>
-      </ion-content>
+      </div>
       `;
 
       // listen for close event