diff --git a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
index 96ead89cc..43be12741 100644
--- a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
+++ b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts
@@ -27,10 +27,9 @@ import {
       <div class="header-data" [ngClass]="this.display">
         <div *ngIf="this.title" class="title">{{ this.title | htDisplayTitle }}</div>
         <div class="count">
-          <span>{{ this.totalValue | number }}</span>
-          <span class="units" *ngIf="this.units && this.isUnlimited"> {{ this.units }}</span>
+          <span>{{ this.totalValue | htDisplayNumber }}</span>
           <span> / </span>
-          <span *ngIf="!this.isUnlimited">{{ this.maxValue | number }}</span>
+          <span *ngIf="!this.isUnlimited">{{ this.maxValue | htDisplayNumber }}</span>
           <span class="unlimited-symbol" *ngIf="this.isUnlimited">&#8734;</span>
           <span class="units" *ngIf="this.units && !this.isUnlimited"> {{ this.units }}</span>
         </div>