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 (
-
+
)
}
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 (
-
+
)
@@ -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}
)