diff --git a/templates/common/_package.json b/templates/common/_package.json
index 2730fc7..5ae80ad 100644
--- a/templates/common/_package.json
+++ b/templates/common/_package.json
@@ -43,7 +43,7 @@
     "babel": "^4.0.0",
     "babel-loader": "^4.0.0",
     "grunt-contrib-clean": "~0.6.0",<% if (stylesLanguage.match(/s[ac]ss/)) { %>
-    "sass-loader": "^0.3.1",<% } %><% if (stylesLanguage === 'less') { %>
+    "sass-loader": "^1.0.1",<% } %><% if (stylesLanguage === 'less') { %>
     "less-loader": "^2.0.0",<% } %><% if (stylesLanguage === 'stylus') { %>
     "stylus-loader": "^0.5.0",<% } %>
     "react-hot-loader": "^1.0.7"
diff --git a/templates/common/_webpack.config.js b/templates/common/_webpack.config.js
index 9515856..0d3d710 100644
--- a/templates/common/_webpack.config.js
+++ b/templates/common/_webpack.config.js
@@ -49,7 +49,7 @@ module.exports = {
       loader: 'react-hot!babel-loader'
     },<% if (stylesLanguage === 'sass') { %> {
       test: /\.sass/,
-      loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded'
+      loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded&indentedSyntax'
     },<% } %><% if (stylesLanguage === 'scss') { %> {
       test: /\.scss/,
       loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded'
diff --git a/templates/common/_webpack.dist.config.js b/templates/common/_webpack.dist.config.js
index 78c3750..f9d4d17 100644
--- a/templates/common/_webpack.dist.config.js
+++ b/templates/common/_webpack.dist.config.js
@@ -59,7 +59,7 @@ module.exports = {
       loader: 'style-loader!css-loader'
     },<% if (stylesLanguage === 'sass') { %> {
       test: /\.sass/,
-      loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded'
+      loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded&indentedSyntax'
     },<% } %><% if (stylesLanguage === 'scss') { %> {
       test: /\.scss/,
       loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded'