From bf0c0c81f3527ad0dec5a0c9a01a79302534737d Mon Sep 17 00:00:00 2001
From: Khalim Conn-Kowlessar <kconnkowlessar@gmail.com>
Date: Wed, 29 Nov 2023 13:22:14 +0000
Subject: [PATCH] Updating padding on EPC card

---
 src/app/components/building-passport/EpcCard.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/components/building-passport/EpcCard.tsx b/src/app/components/building-passport/EpcCard.tsx
index 55dac72c..8b9ca1fe 100644
--- a/src/app/components/building-passport/EpcCard.tsx
+++ b/src/app/components/building-passport/EpcCard.tsx
@@ -38,18 +38,21 @@ export default function EpcCard({
       <div className="text-6xl font-bold ">{epcRating}</div>
 
       {(kwh || carbon) && (
-        <table className="mt-6 text-sm">
+        <table className="mt-6">
           <tbody>
             {kwh && (
               <tr>
-                <td className="text-gray-50 pr-2 py-1">Energy:</td>
+                {" "}
+                {/* Added vertical padding to each row */}
                 <td className="text-gray-50">{kwh.toFixed(0)} kWh</td>
               </tr>
             )}
             {carbon && (
               <tr>
-                <td className="text-gray-50 pr-2 py-1">CO2:</td>
-                <td className="text-gray-50">{carbon}t</td>
+                {" "}
+                <td className="text-gray-50 py-2">
+                  {carbon}t CO <sub>2</sub>
+                </td>
               </tr>
             )}
           </tbody>