diff --git a/app/plugins/templates/webpack.config.js.tmpl b/app/plugins/templates/webpack.config.js.tmpl
index b5498114..72c26707 100644
--- a/app/plugins/templates/webpack.config.js.tmpl
+++ b/app/plugins/templates/webpack.config.js.tmpl
@@ -49,7 +49,15 @@ module.exports = {
       {
         test: /\.s?css$$/,
         use: ExtractTextPlugin.extract({
-          use: 'css-loader!sass-loader'
+          use: [
+            { loader: 'css-loader' },
+            {
+                loader: 'sass-loader',
+                options: {
+                    implementation: require("sass")
+                }
+            }
+          ]
         })
       },
       {
diff --git a/package.json b/package.json
index add3caa8..0df03bf0 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,6 @@
     "jest": "^23.4.1",
     "json-loader": "^0.5.4",
     "leaflet": "^1.3.1",
-    "node-sass": "^4.9.2",
     "object.values": "^1.0.3",
     "proj4": "^2.4.3",
     "qrcode.react": "^0.7.2",
@@ -57,7 +56,8 @@
     "react-router-dom": "^4.1.1",
     "react-test-renderer": "^15.6.1",
     "regenerator-runtime": "^0.11.0",
-    "sass-loader": "^7.0.3",
+    "sass": "^1.22.7",
+    "sass-loader": "^7.1.0",
     "shpjs": "^3.4.2",
     "sinon": "^4.0.0",
     "statuses": "^1.3.1",
diff --git a/webpack.config.js b/webpack.config.js
index a2d939b5..921b4ef9 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -56,7 +56,15 @@ module.exports = {
       {
         test: /\.s?css$/,
         use: ExtractTextPlugin.extract({
-          use: 'css-loader!sass-loader'
+          use: [
+            { loader: 'css-loader' },
+            {
+                loader: 'sass-loader',
+                options: {
+                    implementation: require("sass")
+                }
+            }
+          ]
         })
       },
       {