diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
index 2466735ec..492583f58 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
@@ -7,11 +7,11 @@ import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-	provideRouter(routes, withComponentInputBinding()),
-	importProvidersFrom(BrowserModule, HammerModule),
-	provideAnimations(),
-	// provide the HAMMER_GESTURE_CONFIG token
-	// to override the default settings of the HammerModule
+    provideRouter(routes, withComponentInputBinding()),
+    importProvidersFrom(BrowserModule, HammerModule),
+    provideAnimations()
+    // provide the HAMMER_GESTURE_CONFIG token
+    // to override the default settings of the HammerModule
     // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
   ]
 };
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts
index f7cff0ea9..15c290f17 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.routes.ts
@@ -4,6 +4,6 @@ import { PageNotFoundComponent } from './error-routing/not-found/not-found.compo
 import { UncaughtErrorComponent } from './error-routing/error/uncaught-error.component';
 
 export const routes: Routes = [
-	{ path: 'error', component: UncaughtErrorComponent },
-	{ path: '**', component: PageNotFoundComponent } // must always be last
+  { path: 'error', component: UncaughtErrorComponent },
+  { path: '**', component: PageNotFoundComponent } // must always be last
 ];
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
index 0fbb6ba26..b1f7a6421 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/error-routing/error/uncaught-error.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
+  standalone: true,
   template: '<h2>Error 500: Internal Server Error</h2>',
 })
 export class UncaughtErrorComponent  { }
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.routes.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.routes.ts
index dc6a0e413..f0b740d35 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.routes.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.routes.ts
@@ -3,6 +3,6 @@ import { Routes } from '@angular/router';
 import { HomeComponent } from './home/home.component';
 
 export const routes: Routes = [
-	{ path: '', redirectTo: '/home', pathMatch: 'full'},
-	{ path: 'home', component: HomeComponent, data: { text: 'Home' }}
+  { path: '', redirectTo: '/home', pathMatch: 'full' },
+  { path: 'home', component: HomeComponent, data: { text: 'Home' } }
 ];
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
index 508208d6c..3dd78fbf0 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
@@ -2,26 +2,32 @@ import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter, withComponentInputBinding } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
-import { IgxNavigationDrawerModule, IgxNavbarModule, IgxLayoutModule, IgxRippleModule } from 'igniteui-angular';
+import {
+  IgxNavigationDrawerModule,
+  IgxNavbarModule,
+  IgxLayoutModule,
+  IgxRippleModule,
+} from 'igniteui-angular';
 
 import { AuthenticationModule, ExternalAuthService } from './authentication';
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-	provideRouter(routes, withComponentInputBinding()),
-	importProvidersFrom(
-	  BrowserModule,
-	  HammerModule,
-	  IgxLayoutModule,
-	  IgxNavbarModule,
-	  IgxNavigationDrawerModule,
-	  IgxRippleModule,
-	  AuthenticationModule),
-	provideAnimations(),
-	ExternalAuthService
-	// provide the HAMMER_GESTURE_CONFIG token
-	// to override the default settings of the HammerModule
+    provideRouter(routes, withComponentInputBinding()),
+    importProvidersFrom(
+      BrowserModule,
+      HammerModule,
+      IgxLayoutModule,
+      IgxNavbarModule,
+      IgxNavigationDrawerModule,
+      IgxRippleModule,
+      AuthenticationModule
+    ),
+    provideAnimations(),
+    ExternalAuthService
+    // provide the HAMMER_GESTURE_CONFIG token
+    // to override the default settings of the HammerModule
     // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
   ]
 };
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
index 963f647b3..9ff2be3e4 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
@@ -2,23 +2,29 @@ import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter, withComponentInputBinding } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
-import { IgxNavigationDrawerModule, IgxNavbarModule, IgxLayoutModule, IgxRippleModule } from 'igniteui-angular';
+import {
+  IgxNavigationDrawerModule,
+  IgxNavbarModule,
+  IgxLayoutModule,
+  IgxRippleModule,
+} from 'igniteui-angular';
 
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-	provideRouter(routes, withComponentInputBinding()),
-	importProvidersFrom(
-		BrowserModule,
-		HammerModule,
-		IgxLayoutModule,
-		IgxNavbarModule,
-		IgxNavigationDrawerModule,
-		IgxRippleModule),
-	provideAnimations(),
-	// provide the HAMMER_GESTURE_CONFIG token
-	// to override the default settings of the HammerModule
+    provideRouter(routes, withComponentInputBinding()),
+    importProvidersFrom(
+      BrowserModule,
+      HammerModule,
+      IgxLayoutModule,
+      IgxNavbarModule,
+      IgxNavigationDrawerModule,
+      IgxRippleModule
+    ),
+    provideAnimations()
+    // provide the HAMMER_GESTURE_CONFIG token
+    // to override the default settings of the HammerModule
     // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
   ]
 };