diff --git a/src/app/formulaManager/formulaManager.component.html b/src/app/formulaManager/formulaManager.component.html
index cd06f04..29af190 100644
--- a/src/app/formulaManager/formulaManager.component.html
+++ b/src/app/formulaManager/formulaManager.component.html
@@ -57,7 +57,7 @@
                         </td>
                         <td style="width: 10%">
                             <mat-form-field>
-                                <input matInput placeholder="Cost" [value]="cost() | currency" [readonly]="true">
+                                <input matInput placeholder="Total Cost" [value]="cost() | currency" [readonly]="true">
                             </mat-form-field>
                         </td>
                     </tr>
diff --git a/src/app/formulaManager/formulaManager.component.ts b/src/app/formulaManager/formulaManager.component.ts
index b8120ad..86e172b 100644
--- a/src/app/formulaManager/formulaManager.component.ts
+++ b/src/app/formulaManager/formulaManager.component.ts
@@ -49,12 +49,13 @@ export class FormulaManagerComponent {
   }
 
   cost() {
-    console.log(
-      this.componentCosts.reduce((acc, row) => {
-        //acc + Number(new RegExp(/\$(\d+\.\d+)/).exec(row.nativeElement.innerHtml)[1])
-        return acc;
-      }, 0)
+    if (!this.formula || this.formula.components.filter(row => typeof row.component.get == 'function').length > 0)
+      return 0;
+    let cost = 0;
+    this.formula.components.forEach(
+      row => (cost += (((row.quantity / this.formula.total) * this._newTotal) / 1000) * row.component.cost)
     );
+    return cost;
   }
 
   prompt() {