diff --git a/ponyracer/package.json b/ponyracer/package.json
index d5cfa9489..a7c9f4662 100644
--- a/ponyracer/package.json
+++ b/ponyracer/package.json
@@ -22,8 +22,8 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "^20.0.0-next.1",
-    "@angular/cli": "^20.0.0-next.1",
+    "@angular/build": "^20.0.0-next.2",
+    "@angular/cli": "^20.0.0-next.2",
     "@angular/compiler-cli": "^20.0.0-next.0",
     "@types/jasmine": "~5.1.0",
     "jasmine-core": "~5.6.0",
diff --git a/ponyracer/src/app/app.component.css b/ponyracer/src/app/app.css
similarity index 100%
rename from ponyracer/src/app/app.component.css
rename to ponyracer/src/app/app.css
diff --git a/ponyracer/src/app/app.component.ng.html b/ponyracer/src/app/app.ng.html
similarity index 100%
rename from ponyracer/src/app/app.component.ng.html
rename to ponyracer/src/app/app.ng.html
diff --git a/ponyracer/src/app/app.component.spec.ts b/ponyracer/src/app/app.spec.ts
similarity index 68%
rename from ponyracer/src/app/app.component.spec.ts
rename to ponyracer/src/app/app.spec.ts
index 51a74cc9a..fbc7ee5a3 100644
--- a/ponyracer/src/app/app.component.spec.ts
+++ b/ponyracer/src/app/app.spec.ts
@@ -1,27 +1,27 @@
 import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
+import { App } from './app';
 
-describe('AppComponent', () => {
+describe('App', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AppComponent],
+      imports: [App],
     }).compileComponents();
   });
 
   it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
+    const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
 
   it(`should have the 'ponyracer' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
+    const fixture = TestBed.createComponent(App);
     const app = fixture.componentInstance;
     expect(app.title).toEqual('ponyracer');
   });
 
   it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
+    const fixture = TestBed.createComponent(App);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
     expect(compiled.querySelector('h1')?.textContent).toContain('Hello, ponyracer');
diff --git a/ponyracer/src/app/app.component.ts b/ponyracer/src/app/app.ts
similarity index 63%
rename from ponyracer/src/app/app.component.ts
rename to ponyracer/src/app/app.ts
index addd32d3b..95a504862 100644
--- a/ponyracer/src/app/app.component.ts
+++ b/ponyracer/src/app/app.ts
@@ -4,9 +4,9 @@ import { RouterOutlet } from '@angular/router';
 @Component({
   selector: 'app-root',
   imports: [RouterOutlet],
-  templateUrl: './app.component.ng.html',
-  styleUrl: './app.component.css'
+  templateUrl: './app.ng.html',
+  styleUrl: './app.css'
 })
-export class AppComponent {
+export class App {
   title = 'ponyracer';
 }
diff --git a/ponyracer/src/main.ts b/ponyracer/src/main.ts
index 35b00f346..5df75f9c8 100644
--- a/ponyracer/src/main.ts
+++ b/ponyracer/src/main.ts
@@ -1,6 +1,6 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
+import { App } from './app/app';
 
-bootstrapApplication(AppComponent, appConfig)
+bootstrapApplication(App, appConfig)
   .catch((err) => console.error(err));