diff --git a/packages/checkout/src/views/AddFunds.tsx b/packages/checkout/src/views/AddFunds.tsx
index 1e7354a3d..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>
     )
@@ -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%;
     }
   }
-}
-
-`
+}`