From f64881a6cffb94f55f1816491115be7514c45689 Mon Sep 17 00:00:00 2001
From: samuelea <batonenbois@gmail.com>
Date: Tue, 11 Nov 2025 12:02:27 -0500
Subject: [PATCH 1/2] add funds height when error state

---
 packages/checkout/src/views/AddFunds.tsx |  2 +-
 packages/connect/src/styles.ts           | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/checkout/src/views/AddFunds.tsx b/packages/checkout/src/views/AddFunds.tsx
index 1e7354a3d..dbf9b0f8a 100644
--- a/packages/checkout/src/views/AddFunds.tsx
+++ b/packages/checkout/src/views/AddFunds.tsx
@@ -76,7 +76,7 @@ export const AddFundsContentTransak = () => {
 
   if (errorTransakLink) {
     return (
-      <div className="flex items-center justify-center w-full px-4 pb-4 h-full">
+      <div className="flex items-center justify-center w-full px-4 pb-4 h-[200px]">
         <Text color="text100">An error has occurred</Text>
       </div>
     )
diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts
index a83fa381b..02435a5be 100644
--- a/packages/connect/src/styles.ts
+++ b/packages/connect/src/styles.ts
@@ -447,6 +447,12 @@ export const styles = String.raw`
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-200 {
+    height: calc(var(--spacing) * 200);
+  }
+  .h-400 {
+    height: calc(var(--spacing) * 400);
+  }
   .h-\[1px\] {
     height: 1px;
   }
@@ -468,6 +474,9 @@ export const styles = String.raw`
   .h-\[64px\] {
     height: 64px;
   }
+  .h-\[200px\] {
+    height: 200px;
+  }
   .h-\[206px\] {
     height: 206px;
   }
@@ -2513,6 +2522,4 @@ export const styles = String.raw`
       --tw-gradient-to-position: 100%;
     }
   }
-}
-
-`
+}`

From 38c2c4a69405688272a7f3e82a9c77b7b06c9770 Mon Sep 17 00:00:00 2001
From: samuelea <batonenbois@gmail.com>
Date: Tue, 11 Nov 2025 12:20:54 -0500
Subject: [PATCH 2/2] height for loading state

---
 packages/checkout/src/views/AddFunds.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/checkout/src/views/AddFunds.tsx b/packages/checkout/src/views/AddFunds.tsx
index dbf9b0f8a..e2ca57169 100644
--- a/packages/checkout/src/views/AddFunds.tsx
+++ b/packages/checkout/src/views/AddFunds.tsx
@@ -68,7 +68,7 @@ export const AddFundsContentTransak = () => {
 
   if (isLoadingTransakLink) {
     return (
-      <div className="flex items-center justify-center w-full px-4 pb-4 h-full">
+      <div className="flex items-center justify-center w-full px-4 pb-4 h-[200px]">
         <Spinner />
       </div>
     )