From bc04f52fb9ac7a09eabd7d3eed2b68c49f83dc46 Mon Sep 17 00:00:00 2001
From: Reed <3893871+dharit-tan@users.noreply.github.com>
Date: Mon, 24 Jul 2023 14:51:22 -0400
Subject: [PATCH] Fix mobile LockedStatusBadge padding (#3790)

---
 packages/mobile/src/components/core/LockedStatusBadge.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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')