diff --git a/ng2-components/ng2-activiti-form/config/webpack.common.js b/ng2-components/ng2-activiti-form/config/webpack.common.js
index 7ebe6524ac..75b91eb688 100644
--- a/ng2-components/ng2-activiti-form/config/webpack.common.js
+++ b/ng2-components/ng2-activiti-form/config/webpack.common.js
@@ -61,8 +61,17 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
diff --git a/ng2-components/ng2-activiti-processlist/config/webpack.common.js b/ng2-components/ng2-activiti-processlist/config/webpack.common.js
index 5b614942ba..855b226e06 100644
--- a/ng2-components/ng2-activiti-processlist/config/webpack.common.js
+++ b/ng2-components/ng2-activiti-processlist/config/webpack.common.js
@@ -64,8 +64,17 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
diff --git a/ng2-components/ng2-alfresco-datatable/config/webpack.common.js b/ng2-components/ng2-alfresco-datatable/config/webpack.common.js
index df1f14a3d3..99750b231a 100644
--- a/ng2-components/ng2-alfresco-datatable/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-datatable/config/webpack.common.js
@@ -60,18 +60,18 @@ module.exports = {
                 loader: ['to-string-loader', 'css-loader'],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
-             {
+            {
                 test: /\.scss$/,
-                use: [
-                    { loader: "to-string-loader" },
-                    { loader: "raw-loader" },
-                    {
-                        loader: "sass-loader",
-                        options: {
-                            includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
-                        }
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
                     }
-                ],
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
diff --git a/ng2-components/ng2-alfresco-social/config/webpack.common.js b/ng2-components/ng2-alfresco-social/config/webpack.common.js
index 7ebe6524ac..75b91eb688 100644
--- a/ng2-components/ng2-alfresco-social/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-social/config/webpack.common.js
@@ -61,8 +61,17 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
diff --git a/ng2-components/ng2-alfresco-tag/config/webpack.common.js b/ng2-components/ng2-alfresco-tag/config/webpack.common.js
index 9c6d366e7a..99750b231a 100644
--- a/ng2-components/ng2-alfresco-tag/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-tag/config/webpack.common.js
@@ -61,8 +61,17 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
diff --git a/ng2-components/ng2-alfresco-upload/config/webpack.common.js b/ng2-components/ng2-alfresco-upload/config/webpack.common.js
index 7ebe6524ac..75b91eb688 100644
--- a/ng2-components/ng2-alfresco-upload/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-upload/config/webpack.common.js
@@ -61,8 +61,17 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
diff --git a/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js b/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js
index 7ebe6524ac..75b91eb688 100644
--- a/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js
@@ -61,8 +61,17 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
diff --git a/ng2-components/ng2-alfresco-viewer/config/webpack.common.js b/ng2-components/ng2-alfresco-viewer/config/webpack.common.js
index 641804da96..f0aa2239f1 100644
--- a/ng2-components/ng2-alfresco-viewer/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-viewer/config/webpack.common.js
@@ -61,9 +61,18 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/, /assets/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
-                exclude: [/node_modules/, /bundles/, /dist/, /demo/, /assets/]
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
+                exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
                 enforce: 'pre',
diff --git a/ng2-components/ng2-alfresco-webscript/config/webpack.common.js b/ng2-components/ng2-alfresco-webscript/config/webpack.common.js
index 651bdefcce..9097f7caab 100644
--- a/ng2-components/ng2-alfresco-webscript/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-webscript/config/webpack.common.js
@@ -62,8 +62,17 @@ module.exports = {
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
-                test: /\.component.scss$/,
-                use: ['to-string-loader', 'raw-loader', 'sass-loader'],
+                test: /\.scss$/,
+                use: [{
+                    loader: "to-string-loader"
+                }, {
+                    loader: "raw-loader"
+                }, {
+                    loader: "sass-loader",
+                    options: {
+                        includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')]
+                    }
+                }],
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {