diff --git a/src/components/menu/test/basic/app/app.module.ts b/src/components/menu/test/basic/app/app.module.ts
index 5ea4fd1a13..eed266a712 100644
--- a/src/components/menu/test/basic/app/app.module.ts
+++ b/src/components/menu/test/basic/app/app.module.ts
@@ -2,13 +2,11 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
-import { Modal } from '../pages/modal/modal';
 import { E2EApp } from './app.component';
 
 @NgModule({
   declarations: [
     E2EApp,
-    Modal,
   ],
   imports: [
     BrowserModule,
@@ -18,13 +16,13 @@ import { E2EApp } from './app.component';
         { loadChildren: '../pages/page1/page1.module#Page1Module', name: 'Page1' },
         { loadChildren: '../pages/page2/page2.module#Page2Module', name: 'Page2' },
         { loadChildren: '../pages/page3/page3.module#Page3Module', name: 'Page3' },
+        { loadChildren: '../components/modal/modal.module#ModalModule', name: 'Modal' },
       ]
     })
   ],
   bootstrap: [IonicApp],
   entryComponents: [
     E2EApp,
-    Modal,
   ]
 })
 export class AppModule { }
diff --git a/src/components/menu/test/basic/pages/modal/modal.html b/src/components/menu/test/basic/components/modal/modal.html
similarity index 100%
rename from src/components/menu/test/basic/pages/modal/modal.html
rename to src/components/menu/test/basic/components/modal/modal.html
diff --git a/src/components/menu/test/basic/components/modal/modal.module.ts b/src/components/menu/test/basic/components/modal/modal.module.ts
new file mode 100644
index 0000000000..95857e0e60
--- /dev/null
+++ b/src/components/menu/test/basic/components/modal/modal.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { DeepLinkModule } from '../../../../../..';
+
+import { Modal } from './modal';
+
+@NgModule({
+  declarations: [
+    Modal,
+  ],
+  imports: [
+    DeepLinkModule.forChild(Modal)
+  ],
+  entryComponents: [
+    Modal,
+  ]
+})
+export class ModalModule {}
diff --git a/src/components/menu/test/basic/pages/modal/modal.ts b/src/components/menu/test/basic/components/modal/modal.ts
similarity index 100%
rename from src/components/menu/test/basic/pages/modal/modal.ts
rename to src/components/menu/test/basic/components/modal/modal.ts
diff --git a/src/components/menu/test/basic/pages/page1/page1.ts b/src/components/menu/test/basic/pages/page1/page1.ts
index 05e21e3127..5010b5f3f8 100644
--- a/src/components/menu/test/basic/pages/page1/page1.ts
+++ b/src/components/menu/test/basic/pages/page1/page1.ts
@@ -1,8 +1,6 @@
 import { Component } from '@angular/core';
 import { AlertController, ModalController, NavController } from '../../../../../..';
 
-import { Modal } from '../modal/modal';
-
 @Component({
   templateUrl: 'page1.html'
 })
@@ -25,7 +23,7 @@ export class Page1 {
   }
 
   presentModal() {
-    let modal = this.modalCtrl.create(Modal);
+    let modal = this.modalCtrl.create('Modal');
     modal.present();
   }