diff --git a/templates/webpack.vue.js b/templates/webpack.vue.js
index <HASH>..<HASH> 100644
--- a/templates/webpack.vue.js
+++ b/templates/webpack.vue.js
@@ -181,8 +181,8 @@ module.exports = env => {
                 {
                     test: /\.scss$/,
                     use: [
-                        'css-hot-loader',
                         'nativescript-dev-webpack/style-hot-loader',
+                        'css-hot-loader',
                         MiniCssExtractPlugin.loader,
                         { loader: "css-loader", options: { minimize: false, url: false } },
                         "sass-loader",
reorder scss rules