diff --git a/npm/ng-packs/packages/components/chart.js/src/chart.component.spec.ts b/npm/ng-packs/packages/components/chart.js/src/chart.component.spec.ts
index 84c196fa83..578e757fc3 100644
--- a/npm/ng-packs/packages/components/chart.js/src/chart.component.spec.ts
+++ b/npm/ng-packs/packages/components/chart.js/src/chart.component.spec.ts
@@ -43,7 +43,7 @@ describe('ChartComponent', () => {
   });
 
   test('should have a success class by default', done => {
-    import('chart.js').then(() => {
+    import('chart.js/auto').then(() => {
       setTimeout(() => {
         expect(spectator.component.chart).toBeTruthy();
         done();
diff --git a/npm/ng-packs/packages/components/package.json b/npm/ng-packs/packages/components/package.json
index 3cf84dd6db..681f5080b9 100644
--- a/npm/ng-packs/packages/components/package.json
+++ b/npm/ng-packs/packages/components/package.json
@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "ng-zorro-antd": "^12.0.1",
+    "chart.js": "^3.5.1",
     "tslib": "^2.0.0"
   },
   "publishConfig": {
diff --git a/npm/ng-packs/packages/theme-shared/package.json b/npm/ng-packs/packages/theme-shared/package.json
index a4ac8c14b9..dbd53909b5 100644
--- a/npm/ng-packs/packages/theme-shared/package.json
+++ b/npm/ng-packs/packages/theme-shared/package.json
@@ -13,7 +13,6 @@
     "@ngx-validate/core": "^0.0.13",
     "@swimlane/ngx-datatable": "^19.0.0",
     "bootstrap": "~4.6.0",
-    "chart.js": "^2.9.3",
     "tslib": "^2.0.0"
   },
   "publishConfig": {