diff --git a/src/app/dashboard/dashboard-customer.component.html b/src/app/dashboard/dashboard-customer.component.html
index 2282d20..07838a1 100644
--- a/src/app/dashboard/dashboard-customer.component.html
+++ b/src/app/dashboard/dashboard-customer.component.html
@@ -143,7 +143,7 @@
               <h4 class="card-title float-left mb-0">All Purchases by Category</h4>
             </div><!--/.col-->
           </div><!--/.row-->
-          <div *ngIf="shhowTotalCategoryList" class="chart-wrapper">
+          <div *ngIf="showTotalCategoryList" class="chart-wrapper">
             <ul class="icons-list">
               <!-- New loop  -->
               <li *ngFor="let category of totalCategoryList | slice:0:totalCategoryLimit; let i=index">
diff --git a/src/app/dashboard/dashboard-customer.component.ts b/src/app/dashboard/dashboard-customer.component.ts
index 5b0cb04..6c8cd77 100644
--- a/src/app/dashboard/dashboard-customer.component.ts
+++ b/src/app/dashboard/dashboard-customer.component.ts
@@ -148,7 +148,9 @@ export class DashboardCustomerComponent implements OnInit {
         this.setWeekData(result);
         this.setChartData(result.data.cat_total);
         this.totalCategoryList = result.data.cat_list;
-        this.showTotalCategoryList = true;
+        if (this.totalCategoryList) {
+          this.showTotalCategoryList = true;
+        }
         this.purchaseEssential = result.data.essentials.purchase_no_essential_total;
         this.purchaseNotEssential = result.data.essentials.purchase_no_total - this.purchaseEssential;
         this.barChartDataEssential = [