From 26a4a1ee22f2888d31365c721b00fa47da9df661 Mon Sep 17 00:00:00 2001
From: Dylan Jeffers <dylan@audius.co>
Date: Mon, 10 Feb 2025 17:13:58 -0800
Subject: [PATCH 1/2] Fix icon clipping and default stat size

---
 packages/mobile/src/components/lineup-tile/TrackTileStats.tsx  | 2 +-
 .../harmony-native/components/Button/IconButton/IconButton.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/mobile/src/components/lineup-tile/TrackTileStats.tsx b/packages/mobile/src/components/lineup-tile/TrackTileStats.tsx
index 2fe3fef308a..d557261550d 100644
--- a/packages/mobile/src/components/lineup-tile/TrackTileStats.tsx
+++ b/packages/mobile/src/components/lineup-tile/TrackTileStats.tsx
@@ -41,7 +41,7 @@ export const TrackTileStats = (props: TrackTileStatsProps) => {
   })
 
   return (
-    <Flex row justifyContent='space-between' alignItems='center' p='s'>
+    <Flex row justifyContent='space-between' alignItems='center' p='s' h={32}>
       <Flex direction='row' gap='m'>
         {isTrending && rankIndex !== undefined ? (
           <LineupTileRankIcon index={rankIndex} />
diff --git a/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx b/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx
index 982dcae2446..11f0f7a77dd 100644
--- a/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx
+++ b/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx
@@ -49,7 +49,8 @@ export const IconButton = (props: IconButtonProps) => {
 
   const buttonStyles = {
     borderRadius: 1000,
-    padding: spacing.xs
+    padding: spacing.xs,
+    overflow: 'unset'
   }
 
   const rippleStyles = useAnimatedStyle(

From 5055c8e459bcad541b2b7baddb146ec1795bf099 Mon Sep 17 00:00:00 2001
From: Dylan Jeffers <dylan@audius.co>
Date: Mon, 10 Feb 2025 17:18:28 -0800
Subject: [PATCH 2/2] lint

---
 .../harmony-native/components/Button/IconButton/IconButton.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx b/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx
index 11f0f7a77dd..cc16bca007e 100644
--- a/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx
+++ b/packages/mobile/src/harmony-native/components/Button/IconButton/IconButton.tsx
@@ -50,7 +50,7 @@ export const IconButton = (props: IconButtonProps) => {
   const buttonStyles = {
     borderRadius: 1000,
     padding: spacing.xs,
-    overflow: 'unset'
+    overflow: 'visible' as const
   }
 
   const rippleStyles = useAnimatedStyle(