diff --git a/src/plugins/htmlVideoPlayer/plugin.js b/src/plugins/htmlVideoPlayer/plugin.js
index af6f3d25e..7b3afb635 100644
--- a/src/plugins/htmlVideoPlayer/plugin.js
+++ b/src/plugins/htmlVideoPlayer/plugin.js
@@ -1319,7 +1319,7 @@ function tryRemoveElement(elem) {
             const dlg = document.querySelector('.videoPlayerContainer');
 
                 if (!dlg) {
-                    return import('./style.css').then(() => {
+                    return import('./style.scss').then(() => {
                         loading.show();
 
                         const dlg = document.createElement('div');
diff --git a/src/plugins/htmlVideoPlayer/style.css b/src/plugins/htmlVideoPlayer/style.scss
similarity index 100%
rename from src/plugins/htmlVideoPlayer/style.css
rename to src/plugins/htmlVideoPlayer/style.scss
diff --git a/src/plugins/logoScreensaver/plugin.js b/src/plugins/logoScreensaver/plugin.js
index 5067546c7..8d5f7031a 100644
--- a/src/plugins/logoScreensaver/plugin.js
+++ b/src/plugins/logoScreensaver/plugin.js
@@ -126,7 +126,7 @@ export default function () {
     }
 
     self.show = function () {
-        import('./style.css').then(() => {
+        import('./style.scss').then(() => {
             let elem = document.querySelector('.logoScreenSaver');
 
             if (!elem) {
diff --git a/src/plugins/logoScreensaver/style.css b/src/plugins/logoScreensaver/style.scss
similarity index 100%
rename from src/plugins/logoScreensaver/style.css
rename to src/plugins/logoScreensaver/style.scss
diff --git a/src/plugins/pdfPlayer/plugin.js b/src/plugins/pdfPlayer/plugin.js
index 5bface591..2b0d69ca3 100644
--- a/src/plugins/pdfPlayer/plugin.js
+++ b/src/plugins/pdfPlayer/plugin.js
@@ -4,7 +4,7 @@ import keyboardnavigation from '../../scripts/keyboardNavigation';
 import dialogHelper from '../../components/dialogHelper/dialogHelper';
 import dom from '../../scripts/dom';
 import { appRouter } from '../../components/appRouter';
-import './style.css';
+import './style.scss';
 import '../../elements/emby-button/paper-icon-button-light';
 import { Events } from 'jellyfin-apiclient';
 import { GlobalWorkerOptions, getDocument } from 'pdfjs-dist';
diff --git a/src/plugins/pdfPlayer/style.css b/src/plugins/pdfPlayer/style.scss
similarity index 100%
rename from src/plugins/pdfPlayer/style.css
rename to src/plugins/pdfPlayer/style.scss
diff --git a/src/plugins/youtubePlayer/plugin.js b/src/plugins/youtubePlayer/plugin.js
index 6362cb3cb..f04022a52 100644
--- a/src/plugins/youtubePlayer/plugin.js
+++ b/src/plugins/youtubePlayer/plugin.js
@@ -28,7 +28,7 @@ function createMediaElement(instance, options) {
         const dlg = document.querySelector('.youtubePlayerContainer');
 
         if (!dlg) {
-            import('./style.css').then(() => {
+            import('./style.scss').then(() => {
                 loading.show();
 
                 const dlg = document.createElement('div');
diff --git a/src/plugins/youtubePlayer/style.css b/src/plugins/youtubePlayer/style.scss
similarity index 100%
rename from src/plugins/youtubePlayer/style.css
rename to src/plugins/youtubePlayer/style.scss