diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
index 44c342a..88f4fe1 100644
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -14,75 +14,68 @@ export const routes: Routes = [
   },
   {
     path: 'verify',
-    loadComponent: () =>
-      import('./feature/auth/verify-email/verify-email.component').then(
-        (m) => m.VerifyEmailComponent
-      ),
+    loadComponent: () => import('./feature/auth/verify-email/verify-email.component'),
   },
   {
     path: 'recover-password',
-    loadComponent: () =>
-      import('./feature/auth/recover-password/recover-password.component').then(
-        (m) => m.RecoverPasswordComponent
-      ),
+    loadComponent: () => import('./feature/auth/recover-password/recover-password.component'),
   },
   {
     path: 'reset-password',
-    loadComponent: () =>
-      import('./feature/auth/recover-password/recover-password.component').then(
-        (m) => m.RecoverPasswordComponent
-      ),
+    loadComponent: () => import('./feature/auth/recover-password/recover-password.component'),
   },
   {
     path: 'oauth2/callback',
     children: [
       {
         path: 'github',
-        loadComponent: () =>
-          import('./feature/auth/oauth2/oauth2-callback.component').then(
-            (m) => m.OAuth2CallbackComponent
-          ),
+        loadComponent: () => import('./feature/auth/oauth2/oauth2-callback.component'),
         data: { provider: 'github' },
       },
       {
         path: 'google',
-        loadComponent: () =>
-          import('./feature/auth/oauth2/oauth2-callback.component').then(
-            (m) => m.OAuth2CallbackComponent
-          ),
+        loadComponent: () => import('./feature/auth/oauth2/oauth2-callback.component'),
         data: { provider: 'google' },
       },
     ],
   },
   {
-    path: 'game/blackjack',
-    loadComponent: () => import('./feature/game/blackjack/blackjack.component'),
-    canActivate: [authGuard],
-  },
-  {
-    path: 'game/coinflip',
-    loadComponent: () => import('./feature/game/coinflip/coinflip.component'),
-    canActivate: [authGuard],
-  },
-  {
-    path: 'game/slots',
-    loadComponent: () => import('./feature/game/slots/slots.component'),
-    canActivate: [authGuard],
-  },
-  {
-    path: 'game/lootboxes',
-    loadComponent: () =>
-      import('./feature/lootboxes/lootbox-selection/lootbox-selection.component'),
-    canActivate: [authGuard],
-  },
-  {
-    path: 'game/lootboxes/open/:id',
-    loadComponent: () => import('./feature/lootboxes/lootbox-opening/lootbox-opening.component'),
-    canActivate: [authGuard],
-  },
-  {
-    path: 'game/dice',
-    loadComponent: () => import('./feature/game/dice/dice.component').then((m) => m.DiceComponent),
-    canActivate: [authGuard],
+    path: 'game',
+    children: [
+      {
+        path: 'blackjack',
+        loadComponent: () => import('./feature/game/blackjack/blackjack.component'),
+        canActivate: [authGuard],
+      },
+      {
+        path: 'coinflip',
+        loadComponent: () => import('./feature/game/coinflip/coinflip.component'),
+        canActivate: [authGuard],
+      },
+      {
+        path: 'slots',
+        loadComponent: () => import('./feature/game/slots/slots.component'),
+        canActivate: [authGuard],
+      },
+      {
+        path: 'lootboxes',
+        loadComponent: () =>
+          import('./feature/lootboxes/lootbox-selection/lootbox-selection.component'),
+        canActivate: [authGuard],
+        children: [
+          {
+            path: 'open/:id',
+            loadComponent: () =>
+              import('./feature/lootboxes/lootbox-opening/lootbox-opening.component'),
+            canActivate: [authGuard],
+          },
+        ],
+      },
+      {
+        path: 'dice',
+        loadComponent: () => import('./feature/game/dice/dice.component'),
+        canActivate: [authGuard],
+      },
+    ],
   },
 ];
diff --git a/frontend/src/app/feature/auth/oauth2/oauth2-callback.component.ts b/frontend/src/app/feature/auth/oauth2/oauth2-callback.component.ts
index ebd2688..9c4bcf3 100644
--- a/frontend/src/app/feature/auth/oauth2/oauth2-callback.component.ts
+++ b/frontend/src/app/feature/auth/oauth2/oauth2-callback.component.ts
@@ -19,7 +19,7 @@ import { Oauth2Service } from './oauth2.service';
     </div>
   `,
 })
-export class OAuth2CallbackComponent implements OnInit {
+export default class OAuth2CallbackComponent implements OnInit {
   error: Signal<string> = computed(() => this.oauthService.error());
 
   private route: ActivatedRoute = inject(ActivatedRoute);
diff --git a/frontend/src/app/feature/auth/recover-password/recover-password.component.ts b/frontend/src/app/feature/auth/recover-password/recover-password.component.ts
index 905f200..89f5d96 100644
--- a/frontend/src/app/feature/auth/recover-password/recover-password.component.ts
+++ b/frontend/src/app/feature/auth/recover-password/recover-password.component.ts
@@ -10,7 +10,7 @@ import { AuthService } from '@service/auth.service';
   imports: [CommonModule, ReactiveFormsModule, RouterModule],
   templateUrl: './recover-password.component.html',
 })
-export class RecoverPasswordComponent implements OnInit {
+export default class RecoverPasswordComponent implements OnInit {
   emailForm: FormGroup;
   resetPasswordForm: FormGroup;
   errorMessage = signal('');
diff --git a/frontend/src/app/feature/auth/verify-email/verify-email.component.ts b/frontend/src/app/feature/auth/verify-email/verify-email.component.ts
index 6e04877..54f4c2f 100644
--- a/frontend/src/app/feature/auth/verify-email/verify-email.component.ts
+++ b/frontend/src/app/feature/auth/verify-email/verify-email.component.ts
@@ -7,7 +7,7 @@ import { AuthService } from '@service/auth.service';
   imports: [],
   templateUrl: './verify-email.component.html',
 })
-export class VerifyEmailComponent implements OnInit {
+export default class VerifyEmailComponent implements OnInit {
   route: ActivatedRoute = inject(ActivatedRoute);
   router: Router = inject(Router);
   authService: AuthService = inject(AuthService);
diff --git a/frontend/src/app/feature/game/dice/dice.component.ts b/frontend/src/app/feature/game/dice/dice.component.ts
index fe50cf6..b4ced3f 100644
--- a/frontend/src/app/feature/game/dice/dice.component.ts
+++ b/frontend/src/app/feature/game/dice/dice.component.ts
@@ -24,7 +24,7 @@ type DiceFormGroup = FormGroup<{
   imports: [CommonModule, ReactiveFormsModule],
   templateUrl: './dice.component.html',
 })
-export class DiceComponent implements OnInit {
+export default class DiceComponent implements OnInit {
   private readonly formBuilder = inject(FormBuilder);
   private readonly diceService = inject(DiceService);
   private readonly userService = inject(UserService);