diff --git a/pdb-js/src/app/app-routing.module.ts b/pdb-js/src/app/app-routing.module.ts
index 732489f..0843bad 100644
--- a/pdb-js/src/app/app-routing.module.ts
+++ b/pdb-js/src/app/app-routing.module.ts
@@ -1,12 +1,11 @@
 import { NgModule } from "@angular/core";
 import { RouterModule, Routes } from "@angular/router";
 import { VisualizationPageComponent } from "./visualization-page/visualization-page.component";
-import { MainPageComponent } from "./main-page/main-page.component";
 import { DashboardPageComponent } from "./dashboard-page/dashboard-page.component";
 import { DashboardComponent } from "./dashboard-page/dashboard/dashboard.component";
 
 const routes: Routes = [
-  { path: "", component: MainPageComponent },
+  { path: "", loadComponent: () => import("./main-page/main-page.component").then(m => m.MainPageComponent) },
   { path: "vis", component: VisualizationPageComponent },
   { path: "dashboard", component: DashboardPageComponent },
   { path: "dashboard/:id", component: DashboardComponent },