diff --git a/packages/mobile/src/components/core/LockedStatusBadge.tsx b/packages/mobile/src/components/core/LockedStatusBadge.tsx index 5d0f250f32..78d595b346 100644 --- a/packages/mobile/src/components/core/LockedStatusBadge.tsx +++ b/packages/mobile/src/components/core/LockedStatusBadge.tsx @@ -10,6 +10,7 @@ const useStyles = makeStyles(({ palette, spacing, typography }) => ({ root: { backgroundColor: palette.accentBlue, paddingHorizontal: spacing(2), + paddingVertical: 1, borderRadius: spacing(10), justifyContent: 'center' }, @@ -23,13 +24,13 @@ const useStyles = makeStyles(({ palette, spacing, typography }) => ({ export type LockedStatusBadgeProps = { locked: boolean - variant: 'purchase' | 'gated' + variant?: 'purchase' | 'gated' } /** Renders a small badge with locked or unlocked icon */ export const LockedStatusBadge = ({ locked, - variant + variant = 'gated' }: LockedStatusBadgeProps) => { const styles = useStyles() const staticWhite = useColor('staticWhite')