From ed6c318941da8e64c919b1f8d54f958f773b4464 Mon Sep 17 00:00:00 2001
From: Simone Cuomo <simone@thisdot.co>
Date: Tue, 22 Oct 2024 08:28:56 +0100
Subject: [PATCH] Improve sizing of  Chain cards

---
 src/components/CCIP/Cards/NetworkCard.css | 12 ++++++++----
 src/components/CCIP/Cards/TokenCard.css   |  4 ++--
 src/components/CCIP/Tables/ChainTable.tsx |  2 +-
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/CCIP/Cards/NetworkCard.css b/src/components/CCIP/Cards/NetworkCard.css
index 5fd476f1ac2..ca133e32929 100644
--- a/src/components/CCIP/Cards/NetworkCard.css
+++ b/src/components/CCIP/Cards/NetworkCard.css
@@ -1,7 +1,7 @@
 .network-card__container {
   display: flex;
   padding: var(--space-6x);
-  gap: var(--space-4x);
+  gap: var(--space-3x);
 
   background: var(--white);
   border: 1px solid var(--gray-200);
@@ -13,19 +13,23 @@
 }
 
 .network-card__container img {
-  width: var(--space-8x);
-  height: var(--space-8x);
+  width: var(--space-10x);
+  height: var(--space-10x);
+  margin-top: auto;
+  margin-bottom: auto;
 }
 
 .network-card__container h3 {
   font-size: var(--space-4x);
   font-weight: var(--font-weight-medium);
+  line-height: var(--space-6x);
   color: var(--gray-950);
-  margin-bottom: 0;
+  margin-bottom: var(--space-1x);
 }
 
 .network-card__container p {
   margin-bottom: 0;
   font-size: var(--space-3x);
+  line-height: var(--space-5x);
   color: var(--gray-500);
 }
diff --git a/src/components/CCIP/Cards/TokenCard.css b/src/components/CCIP/Cards/TokenCard.css
index 3a7a3ad6937..f8ac4ae950b 100644
--- a/src/components/CCIP/Cards/TokenCard.css
+++ b/src/components/CCIP/Cards/TokenCard.css
@@ -19,8 +19,8 @@
 }
 
 .token-card__container img {
-  width: var(--space-8x);
-  height: var(--space-8x);
+  width: var(--space-10x);
+  height: var(--space-10x);
   border-radius: 50%;
 }
 
diff --git a/src/components/CCIP/Tables/ChainTable.tsx b/src/components/CCIP/Tables/ChainTable.tsx
index 2249785b3f8..145adcffea1 100644
--- a/src/components/CCIP/Tables/ChainTable.tsx
+++ b/src/components/CCIP/Tables/ChainTable.tsx
@@ -59,7 +59,7 @@ function ChainTable({ lanes, explorerUrl, sourceNetwork, environment }: TablePro
           <tr>
             <th>{inOutbound === LaneFilter.Outbound ? "Destination" : "Source"} network</th>
             <th>{inOutbound === LaneFilter.Outbound ? "OnRamp" : "OffRamp"} address</th>
-            {/* <th>Status</th> */}
+            <th>Status</th>
           </tr>
         </thead>
         <tbody>