diff --git a/src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts b/src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts
index 2f0e9d06..71a36cd1 100644
--- a/src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts
+++ b/src/app/pages/e-commerce/profit-card/back-side/stats-area-chart.component.ts
@@ -4,7 +4,7 @@ import { NbThemeService } from '@nebular/theme';
 import { LayoutService } from '../../../../@core/utils';
 
 @Component({
-  selector: 'ngx-stats-ares-chart',
+  selector: 'ngx-stats-area-chart',
   styleUrls: ['stats-card-back.component.scss'],
   template: `
     <div echarts [options]="option"
diff --git a/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.html b/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.html
index 821f6b08..77fe621c 100644
--- a/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.html
+++ b/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.html
@@ -17,5 +17,5 @@
       </div>
     </div>
   </div>
-  <ngx-stats-ares-chart [points]="chartData"></ngx-stats-ares-chart>
+  <ngx-stats-area-chart [points]="chartData"></ngx-stats-area-chart>
 </nb-card-body>
diff --git a/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss b/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss
index 23f37b27..0c67e735 100644
--- a/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss
+++ b/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss
@@ -31,7 +31,7 @@
     padding-right: 0.25rem;
   }
 
-  ngx-stats-ares-chart {
+  ngx-stats-area-chart {
     flex: 1;
     position: relative;