diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 59cfcdf..959eef8 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,17 +1,21 @@
 import { Routes } from '@angular/router';
-import { HotelDetailsComponent } from './hotel-details/hotel-details.component';
-import { HotelListComponent } from './hotel-list/hotel-list.component';
 import { TestComponent } from './test/test.component';
 import { NewHotelComponent } from './new-hotel/new-hotel.component';
 
 export const routes: Routes = [
   {
     path: '',
-    component: HotelListComponent,
+    loadComponent: () =>
+      import('./hotel-list/hotel-list.component').then(
+        (c) => c.HotelListComponent,
+      ),
   },
   {
     path: 'hotels/:id',
-    component: HotelDetailsComponent,
+    loadComponent: () =>
+      import('./hotel-details/hotel-details.component').then(
+        (c) => c.HotelDetailsComponent,
+      ),
   },
   {
     path: 'testing',