diff --git a/tools/vf-core/CHANGELOG.md b/tools/vf-core/CHANGELOG.md
index a49bc691e78dfc43c9fa19e36d528a909ccf26ae..56be0f8fe6b13a4984dbd37d73ea3e33886eb484 100644
--- a/tools/vf-core/CHANGELOG.md
+++ b/tools/vf-core/CHANGELOG.md
@@ -1,3 +1,8 @@
+### 2.2.12
+
+* bug: issue where the compiled css location would be incorrectly output in some scenarios
+  * https://github.com/visual-framework/vf-core/pull/1245
+
 ### 2.2.9
 
 - fix: avoid build failure on missing .eslintrc.js config in child projects
diff --git a/tools/vf-core/gulp-tasks/vf-css.js b/tools/vf-core/gulp-tasks/vf-css.js
index 869196457ccdc4e5322438bda690a36815c4b907..4c84c2e5047de7e5aed7b9fcf624ee74b00df038 100644
--- a/tools/vf-core/gulp-tasks/vf-css.js
+++ b/tools/vf-core/gulp-tasks/vf-css.js
@@ -43,10 +43,9 @@ module.exports = function(gulp, path, componentPath, componentDirectories, build
       return new Transform({
         objectMode: true,
         transform: (data, _, done) => {
-          location = 'components/' + location.split('components/')[1];
+          location = 'components/' + location.split(/-components\/(.+)/)[1];
           let name = JSON.parse(data.contents.toString()).name;
           let version = JSON.parse(data.contents.toString()).version;
-
           var output = `$componentInfo: (
              name: "` + name + `",
              version: "` + version + `",
@@ -54,7 +53,6 @@ module.exports = function(gulp, path, componentPath, componentDirectories, build
              vfCoreVersion: "` + global.vfVersion + `",
              buildTimeStamp: "` + new Date().toUTCString() + `"
           );`
-
           done(null, output);
         }
       })