diff --git a/src/app/app.component.scss b/src/app/app.component.css
similarity index 100%
rename from src/app/app.component.scss
rename to src/app/app.component.css
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 858b176..7b497b1 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -5,7 +5,7 @@ import { RouterOutlet } from '@angular/router';
   selector: 'app-root',
   imports: [RouterOutlet],
   templateUrl: './app.component.html',
-  styleUrl: './app.component.scss'
+  styleUrl: './app.component.css'
 })
 export class App {
   protected title = 'angular-tour-of-heroes';