diff --git a/ionic/components/modal/modal.js b/ionic/components/modal/modal.js
index 8af7600869..b0315dae3b 100644
--- a/ionic/components/modal/modal.js
+++ b/ionic/components/modal/modal.js
@@ -146,7 +146,7 @@ export class Modal {
   selector: 'ion-modal'
 })
 @View({
-  template: '<div class="modal"><ion-modal-content></ion-modal-content></div>',
+  template: '<ion-modal-content></ion-modal-content>',
   directives: [ModalContent]
 })
 class ModalContainer {
diff --git a/ionic/components/modal/modal.scss b/ionic/components/modal/modal.scss
index d583c9e67a..cb1a3a8b9b 100644
--- a/ionic/components/modal/modal.scss
+++ b/ionic/components/modal/modal.scss
@@ -45,15 +45,15 @@ ion-modal {
   width: 100%;
   background-color: $modal-bg-color;
 
-  transform: translate3d(0, 100%, 0);
-  transition: all cubic-bezier(.1, .7, .1, 1) 400ms;
+  //transform: translate3d(0, 100%, 0);
+  //transition: all cubic-bezier(.1, .7, .1, 1) 400ms;
 }
 
 // Slide up from the bottom, used for modals
 // -------------------------------
 
 ion-modal.active {
-  transform: translate3d(0, 0, 0);
+  //transform: translate3d(0, 0, 0);
 }
 
 /*
diff --git a/ionic/components/modal/test/basic/index.js b/ionic/components/modal/test/basic/index.js
index ae8c14540d..5bcc4408dc 100644
--- a/ionic/components/modal/test/basic/index.js
+++ b/ionic/components/modal/test/basic/index.js
@@ -36,8 +36,13 @@ class IonicApp {
   selector: 'contact-modal'
 })
 @View({
-  template: '<ion-nav [initial]="initial"></ion-nav>',
-  directives: [Nav]
+  //template: '<ion-content padding><button primary (click)="close()">Close</button></ion-content>',//<ion-nav [initial]="initial"></ion-nav>',
+  template: `
+      <p>First Page: {{ val }}</p>
+      <p>
+      <button primary (click)="close()">Close</button>
+      </p>`,
+  directives: [Nav, Button, Content]
 })
 export class ContactModal {
   constructor(modalRef: ModalRef) {