From c29b15cd0bf4be414a63b0f01d51fa4ecd5a15e4 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Tue, 13 May 2025 20:42:16 +0200
Subject: [PATCH] more fixes

---
 src/components/OffsetOrder.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/OffsetOrder.tsx b/src/components/OffsetOrder.tsx
index 5364cae..f131b45 100644
--- a/src/components/OffsetOrder.tsx
+++ b/src/components/OffsetOrder.tsx
@@ -366,16 +366,20 @@ export function OffsetOrder({ tons, monetaryAmount, onBack, calculatorType }: Pr
 
           <div className="bg-gray-50 rounded-lg p-6 mb-6">
             <h3 className="text-lg font-semibold text-gray-900 mb-4">Order Summary</h3>
-            <div className="space-y-4">
-              <div className="flex justify-between">
-                <span className="text-gray-600">Amount to Offset:</span>
-                <span className="font-medium">{tons.toFixed(2)} tons CO₂</span>
-              </div>
-              <div className="flex justify-between">
-                <span className="text-gray-600">Portfolio Distribution:</span>
-                <span className="font-medium">Automatically optimized</span>
-              </div>
-              <div className="border-t pt-4">
+          <div className="space-y-4">
+            <div className="flex justify-between">
+              <span className="text-gray-600">Amount to Offset:</span>
+              <span className="font-medium">{tons.toFixed(2)} tons CO₂</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-gray-600">Portfolio Distribution:</span>
+              <span className="font-medium">Automatically optimized</span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-gray-600">Cost per Ton:</span>
+              <span className="font-medium">{renderPortfolioPrice(portfolio)}</span>
+            </div>
+            <div className="border-t pt-4">
                 <div className="flex justify-between">
                   <span className="text-gray-900 font-semibold">Total Cost:</span>
                   <span className="text-gray-900 font-semibold">