From d8534da4df0d7f19470a742e04eabc5ff1a8fadd Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Fri, 19 Sep 2025 12:34:20 +0500
Subject: [PATCH] mobile: fix gap between plan cards

---
 apps/mobile/app/components/paywall/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/app/components/paywall/index.tsx b/apps/mobile/app/components/paywall/index.tsx
index ed14a4631..83617eb28 100644
--- a/apps/mobile/app/components/paywall/index.tsx
+++ b/apps/mobile/app/components/paywall/index.tsx
@@ -312,7 +312,7 @@ const PayWall = (props: NavigationProps<"PayWall">) => {
               <View
                 style={{
                   flexDirection: isTablet ? "row" : "column",
-                  gap: isTablet ? DefaultAppStyles.GAP : 0
+                  gap: !isTablet ? DefaultAppStyles.GAP : 0
                 }}
               >
                 {pricingPlans.pricingPlans.map((plan) =>
@@ -1102,7 +1102,7 @@ const PricingPlanCard = ({
         </View>
       </View>
 
-      {pricingPlans?.loadingPlans ? (
+      {pricingPlans?.loadingPlans || (!price && !WebPlan?.price.gross) ? (
         <ActivityIndicator size="small" color={colors.primary.accent} />
       ) : (
         <View>