diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
index 73ed20c..dc68406 100644
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -1,6 +1,5 @@
 import { Routes } from '@angular/router';
 import { LandingComponent } from './feature/landing/landing.component';
-import { HomeComponent } from './feature/home/home.component';
 import { authGuard } from './auth.guard';
 
 export const routes: Routes = [
@@ -10,7 +9,7 @@ export const routes: Routes = [
   },
   {
     path: 'home',
-    component: HomeComponent,
+    loadComponent: () => import('./feature/home/home.component'),
     canActivate: [authGuard],
   },
 ];
diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts
index 7475214..d560eb8 100644
--- a/frontend/src/app/feature/home/home.component.ts
+++ b/frontend/src/app/feature/home/home.component.ts
@@ -11,7 +11,7 @@ import { NavbarComponent } from '../../shared/components/navbar/navbar.component
   templateUrl: './home.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HomeComponent {
+export default class HomeComponent {
   private keycloakService: KeycloakService = inject(KeycloakService);
   public dialog: MatDialog = inject(MatDialog);