Fix mobile LockedStatusBadge padding (#3790)

AudiusProject · Jul 24, 2023 · 86b220d · 86b220d
1 parent b9d1bab
commit 86b220d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/apps/audius-client/packages/mobile/src/components/core/LockedStatusBadge.tsx b/apps/audius-client/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')