diff --git a/src/app/player/components/video-player/video-player.component.css b/src/app/player/components/video-player/video-player.component.scss
similarity index 99%
rename from src/app/player/components/video-player/video-player.component.css
rename to src/app/player/components/video-player/video-player.component.scss
index b755be422..6e0533cae 100644
--- a/src/app/player/components/video-player/video-player.component.css
+++ b/src/app/player/components/video-player/video-player.component.scss
@@ -17,4 +17,4 @@
 
 .spacer {
     flex: 1 1 auto;
-}
\ No newline at end of file
+}
diff --git a/src/app/player/components/video-player/video-player.component.ts b/src/app/player/components/video-player/video-player.component.ts
index 17179014a..19f1556cd 100644
--- a/src/app/player/components/video-player/video-player.component.ts
+++ b/src/app/player/components/video-player/video-player.component.ts
@@ -16,7 +16,7 @@ export const SETTINGS_STORE_KEY = 'settings';
 @Component({
     selector: 'app-video-player',
     templateUrl: './video-player.component.html',
-    styleUrls: ['./video-player.component.css'],
+    styleUrls: ['./video-player.component.scss'],
 })
 export class VideoPlayerComponent implements OnInit {
     /** Active selected channel */