diff --git a/ionic/components/modal/modal.js b/ionic/components/modal/modal.js
index de20fc1cc3..b6d2496441 100644
--- a/ionic/components/modal/modal.js
+++ b/ionic/components/modal/modal.js
@@ -90,7 +90,7 @@ export class Modal {
     return this.componentLoader.loadIntoNewLocation(ModalContainer, this.elementRef).then((containerRef) => {
       var modalEl = this.domRenderer.getHostElement(containerRef.hostView.render);
 
-      document.body.appendChild(modalEl);
+      document.body.querySelector('ion-app').appendChild(modalEl);
 
       this.modalElement = modalEl;
 
diff --git a/ionic/components/modal/test/basic/index.js b/ionic/components/modal/test/basic/index.js
index 11fbecf39e..213b35207f 100644
--- a/ionic/components/modal/test/basic/index.js
+++ b/ionic/components/modal/test/basic/index.js
@@ -63,11 +63,7 @@ export class ContactModal {
 @Component({selector: 'ion-view'})
 @View({
   template: `
-    <ion-navbar *navbar><ion-title>First Page Header: {{ val }}</ion-title></ion-navbar>
-
-    <ion-nav-items side="primary">
-      <button primary class="button" (click)="closeModal()">Close</button>
-    </ion-nav-items>
+    <ion-navbar *navbar><ion-title>First Page Header: {{ val }}</ion-title><ion-nav-items primary><button primary class="button" (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
 
     <ion-content class="padding">