diff --git a/cypress/fixtures/sampleMetrics.json b/cypress/fixtures/sampleMetrics.json
index ce64657f54..ebd170c073 100644
--- a/cypress/fixtures/sampleMetrics.json
+++ b/cypress/fixtures/sampleMetrics.json
@@ -5,6 +5,7 @@
 		"executionTime": null,
 		"id": 124,
 		"memory": null,
+		"cost": null,
 		"validationStatus": {
 			"id": 134,
 			"validatorTools": {
@@ -77,7 +78,8 @@
 		"executionTime": null,
 		"id": 126,
 		"memory": null,
-		"validationStatus": null
+		"validationStatus": null,
+		"cost": null
 	},
 	"AGC": {
 		"cpu": {
@@ -114,6 +116,14 @@
 			"id": 105,
 			"unit": "GB"
 		},
+		"cost": {
+			"average": 3.25,
+			"maximum": 4,
+			"minimum": 2,
+			"numberOfDataPointsForAverage": 4,
+			"id": 200,
+			"unit": "USD"
+		},
 		"validationStatus": null
 	},
 	"OTHER": {
@@ -150,6 +160,7 @@
 			"id": 108,
 			"unit": "GB"
 		},
+		"cost": null,
 		"validationStatus": null
 	},
 	"ALL": {
@@ -187,6 +198,14 @@
 			"id": 111,
 			"unit": "GB"
 		},
+		"cost": {
+			"average": 3.25,
+			"maximum": 4,
+			"minimum": 2,
+			"numberOfDataPointsForAverage": 4,
+			"id": 201,
+			"unit": "USD"
+		},
 		"validationStatus": {
 			"id": 138,
 			"validatorTools": {
diff --git a/package.json b/package.json
index 936f48babc..d13e007aeb 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,8 @@
   "config": {
     "webservice_version": "1.15.0",
     "use_circle": true,
-    "circle_ci_source": "https://app.circleci.com/pipelines/github/dockstore/dockstore/10135/workflows/670e8975-9acf-4211-a104-2c37b0142452/jobs/35244/artifacts",
-    "circle_build_id": "35244"
+    "circle_ci_source": "https://app.circleci.com/pipelines/github/dockstore/dockstore/10164/workflows/ea25cb1f-4d5f-4124-86d4-2305408a3784/jobs/35487/artifacts",
+    "circle_build_id": "35487"
   },
   "scripts": {
     "ng": "npx ng",
diff --git a/src/app/workflow/executions/executions-tab.component.html b/src/app/workflow/executions/executions-tab.component.html
index 2410951392..3d375f61b3 100644
--- a/src/app/workflow/executions/executions-tab.component.html
+++ b/src/app/workflow/executions/executions-tab.component.html
@@ -47,8 +47,8 @@
           <ng-container matColumnDef="minimum">
             <th mat-header-cell *matHeaderCellDef>Minimum</th>
             <td mat-cell *matCellDef="let executionMetric">
-              <span *ngIf="executionMetric.minimum" matTooltip="{{ executionMetric.minimum + executionMetric.unit }}"
-                >{{ executionMetric.minimum | number: '1.0-2' }}{{ executionMetric.unit }}</span
+              <span *ngIf="executionMetric.minimum" matTooltip="{{ executionMetric.minimum + ' ' + executionMetric.unit }}"
+                >{{ executionMetric.minimum | number: '1.0-2' }} {{ executionMetric.unit }}</span
               >
             </td>
           </ng-container>
@@ -56,8 +56,8 @@
           <ng-container matColumnDef="average">
             <th mat-header-cell *matHeaderCellDef>Average</th>
             <td mat-cell *matCellDef="let executionMetric">
-              <span *ngIf="executionMetric.average" matTooltip="{{ executionMetric.average + executionMetric.unit }}"
-                >{{ executionMetric.average | number: '1.0-2' }}{{ executionMetric.unit }}</span
+              <span *ngIf="executionMetric.average" matTooltip="{{ executionMetric.average + ' ' + executionMetric.unit }}"
+                >{{ executionMetric.average | number: '1.0-2' }} {{ executionMetric.unit }}</span
               >
             </td>
           </ng-container>
@@ -65,8 +65,8 @@
           <ng-container matColumnDef="maximum">
             <th mat-header-cell *matHeaderCellDef>Maximum</th>
             <td mat-cell *matCellDef="let executionMetric">
-              <span *ngIf="executionMetric.maximum" matTooltip="{{ executionMetric.maximum + executionMetric.unit }}"
-                >{{ executionMetric.maximum | number: '1.0-2' }}{{ executionMetric.unit }}</span
+              <span *ngIf="executionMetric.maximum" matTooltip="{{ executionMetric.maximum + ' ' + executionMetric.unit }}"
+                >{{ executionMetric.maximum | number: '1.0-2' }} {{ executionMetric.unit }}</span
               >
             </td>
           </ng-container>
diff --git a/src/app/workflow/executions/executions-tab.component.ts b/src/app/workflow/executions/executions-tab.component.ts
index 868621f5fc..b8667db8cf 100644
--- a/src/app/workflow/executions/executions-tab.component.ts
+++ b/src/app/workflow/executions/executions-tab.component.ts
@@ -135,7 +135,11 @@ export class ExecutionsTabComponent extends EntryTab implements OnChanges {
     const metrics = this.metrics.get(partner);
     this.executionMetricsTable = this.createExecutionsTable(metrics);
     this.executionMetricsExist =
-      metrics?.cpu !== null || metrics?.memory !== null || metrics?.executionTime !== null || metrics?.executionStatusCount !== null;
+      metrics?.cpu !== null ||
+      metrics?.memory !== null ||
+      metrics?.executionTime !== null ||
+      metrics?.executionStatusCount !== null ||
+      metrics?.cost !== null;
 
     if (metrics?.executionStatusCount) {
       this.totalExecutions =
@@ -154,10 +158,11 @@ export class ExecutionsTabComponent extends EntryTab implements OnChanges {
   private createExecutionsTable(metrics: Metrics | null): ExecutionMetricsTableObject[] {
     let executionsTable: ExecutionMetricsTableObject[] = [];
     // Only create the table if one of the execution metrics exist
-    if (metrics && (metrics.cpu || metrics.memory || metrics.executionTime)) {
+    if (metrics && (metrics.cpu || metrics.memory || metrics.executionTime || metrics.cost)) {
       executionsTable.push({ metric: 'CPU', ...metrics?.cpu });
       executionsTable.push({ metric: 'Memory', ...metrics?.memory });
       executionsTable.push({ metric: 'Run Time', ...metrics?.executionTime });
+      executionsTable.push({ metric: 'Cost', ...metrics?.cost });
     }
     return executionsTable;
   }