From 8b344ca9fd3f348ecb4906be4cb3d41567f22217 Mon Sep 17 00:00:00 2001
From: Caidan Williams <caidan@internet.dev>
Date: Wed, 30 Jul 2025 21:39:44 -0700
Subject: [PATCH] fix(ui): adjust padding for ProfileGrid layout consistency

Fixes the issue of the shadow being cutoff by the overflow, now will
give proper spacing to the cards to display the shadow.
---
 src/components/FeedInterstitials.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/FeedInterstitials.tsx b/src/components/FeedInterstitials.tsx
index 2a3a00ba7d..0a112e0397 100644
--- a/src/components/FeedInterstitials.tsx
+++ b/src/components/FeedInterstitials.tsx
@@ -378,8 +378,8 @@ export function ProfileGrid({
       style={[a.border_t, t.atoms.border_contrast_low, t.atoms.bg_contrast_25]}>
       <View
         style={[
-          a.p_lg,
-          a.py_md,
+          a.px_lg,
+          a.pt_md,
           a.flex_row,
           a.align_center,
           a.justify_between,
@@ -399,7 +399,7 @@ export function ProfileGrid({
       </View>
 
       {gtMobile ? (
-        <View style={[a.px_lg, a.pb_lg]}>
+        <View style={[a.p_lg, a.pt_md]}>
           <View style={[a.flex_1, a.flex_row, a.flex_wrap, a.gap_md]}>
             {content}
           </View>
@@ -411,9 +411,8 @@ export function ProfileGrid({
               horizontal
               showsHorizontalScrollIndicator={false}
               snapToInterval={MOBILE_CARD_WIDTH + a.gap_md.gap}
-              decelerationRate="fast"
-              style={[a.overflow_visible]}>
-              <View style={[a.px_lg, a.pb_lg, a.flex_row, a.gap_md]}>
+              decelerationRate="fast">
+              <View style={[a.p_lg, a.pt_md, a.flex_row, a.gap_md]}>
                 {content}
 
                 <SeeMoreSuggestedProfilesCard />