diff --git a/package.json b/package.json
index 65a8e4aaa70..976d5838b52 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "lint:i18n": "eslint projects/igniteui-angular-i18n/src/**/*.ts",
     "lint:extras": "ng lint igniteui-angular-extras",
     "test:i18n:dist": "eslint -c projects/igniteui-angular-i18n/eslintrc.dist.i18n.mjs dist/igniteui-angular-i18n",
-    "build:elements": "ng build igniteui-angular-elements && npm run pack:elements && gulp copyPackageForElements",
+    "build:elements": "npm run build:styles:components && ng build igniteui-angular-elements && npm run pack:elements && gulp copyPackageForElements",
     "pack:elements": "node projects/igniteui-angular-elements/esbuild.mjs && node scripts/build-elements-styles.mjs",
     "elements:configure": "ts-node -T -H --skip-project --compilerOptions {\\\"moduleResolution\\\":\\\"NodeNext\\\"} ./projects/igniteui-angular-elements/src/analyzer/analyzer.ts",
     "test:elements:configure": "ts-node --skip-project ./node_modules/jasmine/bin/jasmine.js --config=projects/igniteui-angular-elements/jasmine.json",