From 41af7f0f4f9e861f301dbf157f65bdc112e1dcf6 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Wed, 4 Dec 2024 20:53:28 +0000
Subject: [PATCH] fix starter pack card

---
 src/components/StarterPack/ProfileStarterPacks.tsx |  3 +--
 src/components/StarterPack/StarterPackCard.tsx     | 12 +++++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/StarterPack/ProfileStarterPacks.tsx b/src/components/StarterPack/ProfileStarterPacks.tsx
index 5f58a19df3..d28ff53ae4 100644
--- a/src/components/StarterPack/ProfileStarterPacks.tsx
+++ b/src/components/StarterPack/ProfileStarterPacks.tsx
@@ -115,11 +115,10 @@ export const ProfileStarterPacks = React.forwardRef<
     return (
       <View
         style={[
-          a.p_lg,
           (isTabletOrDesktop || index !== 0) && a.border_t,
           t.atoms.border_contrast_low,
         ]}>
-        <StarterPackCard starterPack={item} />
+        <StarterPackCard starterPack={item} style={a.p_lg} />
       </View>
     )
   }
diff --git a/src/components/StarterPack/StarterPackCard.tsx b/src/components/StarterPack/StarterPackCard.tsx
index 22e0a155ab..90e6182cb1 100644
--- a/src/components/StarterPack/StarterPackCard.tsx
+++ b/src/components/StarterPack/StarterPackCard.tsx
@@ -11,19 +11,20 @@ import {getStarterPackOgCard} from '#/lib/strings/starter-pack'
 import {precacheResolvedUri} from '#/state/queries/resolve-uri'
 import {precacheStarterPack} from '#/state/queries/starter-packs'
 import {useSession} from '#/state/session'
-import {atoms as a, useTheme} from '#/alf'
+import {atoms as a, useTheme, ViewStyleProp} from '#/alf'
 import {StarterPack} from '#/components/icons/StarterPack'
 import {Link as BaseLink, LinkProps as BaseLinkProps} from '#/components/Link'
 import {Text} from '#/components/Typography'
 
 export function Default({
   starterPack,
+  style,
 }: {
   starterPack?: AppBskyGraphDefs.StarterPackViewBasic
-}) {
+} & ViewStyleProp) {
   if (!starterPack) return null
   return (
-    <Link starterPack={starterPack}>
+    <Link starterPack={starterPack} style={style}>
       <Card starterPack={starterPack} />
     </Link>
   )
@@ -99,11 +100,12 @@ export function Card({
 export function Link({
   starterPack,
   children,
+  style,
 }: {
   starterPack: AppBskyGraphDefs.StarterPackViewBasic
   onPress?: () => void
   children: BaseLinkProps['children']
-}) {
+} & ViewStyleProp) {
   const {_} = useLingui()
   const queryClient = useQueryClient()
   const {record} = starterPack
@@ -130,7 +132,7 @@ export function Link({
         )
         precacheStarterPack(queryClient, starterPack)
       }}
-      style={[a.flex_col, a.align_start]}>
+      style={[a.flex_col, a.align_start, style]}>
       {children}
     </BaseLink>
   )