diff --git a/packages/infrastructure/webpack/src/get-react-config.js b/packages/infrastructure/webpack/src/get-react-config.js
index bdff0caae8..8afe1275bd 100644
--- a/packages/infrastructure/webpack/src/get-react-config.js
+++ b/packages/infrastructure/webpack/src/get-react-config.js
@@ -3,9 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
 const path = require("path");
 
-// hack: hard-coded
-const sassCommonVars =
-  "/Users/maspiala/work/lens/packages/core/src/renderer/components/vars.scss";
+const sassCommonVars = path.resolve(__dirname, "..", "..", "..", "core", "src", "renderer", "components/vars.scss");
 
 module.exports =
   ({ miniCssExtractPluginLoader = MiniCssExtractPlugin.loader } = {}) =>