diff --git a/packages/mobile/src/components/track-list/TablePlayButton.tsx b/packages/mobile/src/components/track-list/TablePlayButton.tsx
index ecafae3ad63..fbd94e5aa79 100644
--- a/packages/mobile/src/components/track-list/TablePlayButton.tsx
+++ b/packages/mobile/src/components/track-list/TablePlayButton.tsx
@@ -2,12 +2,10 @@ import type { StyleProp, ViewStyle } from 'react-native'
 import { TouchableOpacity } from 'react-native'
 
 import { IconPause, IconPlay } from '@audius/harmony-native'
-import { makeStyles } from 'app/styles'
 
 type TablePlayButtonProps = {
   playing?: boolean
   paused: boolean
-  hideDefault?: boolean
   onPress?: () => void
   styles?: {
     root: StyleProp<ViewStyle>
@@ -15,33 +13,18 @@ type TablePlayButtonProps = {
   }
 }
 
-const useStyles = makeStyles(({ palette, spacing }) => ({
-  root: {},
-  svg: {},
-  hideDefault: {}
-}))
-
 export const TablePlayButton = ({
   playing = false,
   paused,
-  hideDefault = true,
   onPress = () => {},
   styles: propStyles
 }: TablePlayButtonProps) => {
-  const styles = useStyles()
-
   return (
-    <TouchableOpacity style={[styles.root, propStyles?.root]} onPress={onPress}>
+    <TouchableOpacity style={propStyles?.root} onPress={onPress}>
       {playing && !paused ? (
-        <IconPause style={[styles.svg, propStyles?.svg]} />
+        <IconPause color='white' style={propStyles?.svg} />
       ) : (
-        <IconPlay
-          style={[
-            styles.svg,
-            hideDefault && !playing ? styles.hideDefault : {},
-            propStyles?.svg
-          ]}
-        />
+        <IconPlay color='default' style={propStyles?.svg} />
       )}
     </TouchableOpacity>
   )
diff --git a/packages/mobile/src/components/track-list/TrackArtwork.tsx b/packages/mobile/src/components/track-list/TrackArtwork.tsx
index 0ecf078f369..fcef7eb9d8c 100644
--- a/packages/mobile/src/components/track-list/TrackArtwork.tsx
+++ b/packages/mobile/src/components/track-list/TrackArtwork.tsx
@@ -55,7 +55,7 @@ export const TrackArtwork = (props: TrackArtworkProps) => {
       ) : null}
       {isActive ? (
         <View style={styles.artworkIcon}>
-          <ActiveIcon />
+          <ActiveIcon color='staticWhite' />
         </View>
       ) : null}
     </TrackImage>
diff --git a/packages/mobile/src/components/track-list/TrackListItem.tsx b/packages/mobile/src/components/track-list/TrackListItem.tsx
index b52fa896326..4c99a354e38 100644
--- a/packages/mobile/src/components/track-list/TrackListItem.tsx
+++ b/packages/mobile/src/components/track-list/TrackListItem.tsx
@@ -414,7 +414,6 @@ const TrackListItemComponent = (props: TrackListItemComponentProps) => {
               <TablePlayButton
                 playing
                 paused={!isPlaying}
-                hideDefault={false}
                 onPress={onPressTrack}
               />
             </View>