diff --git a/src/libraries/navdrawer/navdrawer.js b/src/libraries/navdrawer/navdrawer.js
index 0b7677787c..b510e4015f 100644
--- a/src/libraries/navdrawer/navdrawer.js
+++ b/src/libraries/navdrawer/navdrawer.js
@@ -5,7 +5,7 @@
 /* eslint-disable no-var */
 import browser from '../../scripts/browser';
 import dom from '../../scripts/dom';
-import './navdrawer.css';
+import './navdrawer.scss';
 import '../../assets/css/scrollstyles.scss';
 
 export function NavigationDrawer(options) {
diff --git a/src/libraries/navdrawer/navdrawer.css b/src/libraries/navdrawer/navdrawer.scss
similarity index 100%
rename from src/libraries/navdrawer/navdrawer.css
rename to src/libraries/navdrawer/navdrawer.scss
diff --git a/src/libraries/screensavermanager.js b/src/libraries/screensavermanager.js
index bdb049a23c..607bf98fad 100644
--- a/src/libraries/screensavermanager.js
+++ b/src/libraries/screensavermanager.js
@@ -4,7 +4,7 @@ import { pluginManager } from '../components/pluginManager';
 import inputManager from '../scripts/inputManager';
 import * as userSettings from '../scripts/settings/userSettings';
 import ServerConnections from '../components/ServerConnections';
-import './screensavermanager.css';
+import './screensavermanager.scss';
 
 function getMinIdleTime() {
     // Returns the minimum amount of idle time required before the screen saver can be displayed
diff --git a/src/libraries/screensavermanager.css b/src/libraries/screensavermanager.scss
similarity index 100%
rename from src/libraries/screensavermanager.css
rename to src/libraries/screensavermanager.scss