diff --git a/ng2-components/ng2-alfresco-datatable/config/webpack.common.js b/ng2-components/ng2-alfresco-datatable/config/webpack.common.js
index 8ff2d511e6..a29f22783a 100644
--- a/ng2-components/ng2-alfresco-datatable/config/webpack.common.js
+++ b/ng2-components/ng2-alfresco-datatable/config/webpack.common.js
@@ -62,9 +62,18 @@ module.exports = {
                 loader: ['to-string-loader', 'css-loader'],
                 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/]
             },
             {