diff --git a/index.html b/index.html
index 065cd8f..a4be8fb 100644
--- a/index.html
+++ b/index.html
@@ -167,6 +167,7 @@
           </div>
         </div>
         <div class="recipe_cost_breakdown">
+          <h3 class="cost_breakdown">Cost Breakdown</h3>
           <div class="recipe_cost_row">
             <span>Lemons</span>
             <span class="recipe_cost_item" data-cost="lemons">$0.00</span>
diff --git a/style.css b/style.css
index afa4509..55880e1 100644
--- a/style.css
+++ b/style.css
@@ -681,6 +681,16 @@ canvas {
   margin: 16px 0;
 }
 
+.cost_breakdown {
+  font-family: 'Fredoka', sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #7A6146;
+  margin: 0 0 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
 .recipe_cost_row {
   display: flex;
   justify-content: space-between;