diff --git a/src/ui_ng/src/app/shared/gauge/gauge.component.html b/src/ui_ng/src/app/shared/gauge/gauge.component.html
index 372bf8f41..51c36e082 100644
--- a/src/ui_ng/src/app/shared/gauge/gauge.component.html
+++ b/src/ui_ng/src/app/shared/gauge/gauge.component.html
@@ -5,7 +5,7 @@
         <div #barTwo class="esxc-gauge-circle-fill esxc-gauge-bar-two"></div>
         <div class="esxc-gauge-circle-inner" [ngStyle]="{'background-color': backgroundColor}">
             <div class="esxc-gauge-circle-caption">
-                <span class="esxc-value">{{used}}</span>
+                <span class="esxc-value">{{free}}</span>
             </div>
         </div>
     </div>
diff --git a/src/ui_ng/src/app/shared/gauge/gauge.component.ts b/src/ui_ng/src/app/shared/gauge/gauge.component.ts
index f945fca94..8f6e5a275 100644
--- a/src/ui_ng/src/app/shared/gauge/gauge.component.ts
+++ b/src/ui_ng/src/app/shared/gauge/gauge.component.ts
@@ -136,6 +136,10 @@ export class GaugeComponent implements AfterViewInit {
             this.determineColors();
       }
 
+      get used(): number {
+            return this._threasHold - this._free;
+      }
+
       @Input()
       get threasHold(): number {
             return this._threasHold;
@@ -156,8 +160,8 @@ export class GaugeComponent implements AfterViewInit {
       private determineColors() {
             let percent: number = 0;
             if (this._threasHold !== 0) {
-                  let used:number = this._threasHold - this._free;
-                  if(used < 0){
+                  let used: number = this._threasHold - this._free;
+                  if (used < 0) {
                         used = 0;
                   }
                   percent = (used / this._threasHold) * 100;