style changes

default card animation setup

components/Global/card.tsx

@@ -21,8 +21,8 @@ export function Card(props: CardProps) {
             elevate 
             size="$4" 
             animation="bouncy"
-            hoverStyle={{ scale: 0.925 }}
-            pressStyle={{ scale: 0.875 }}
+            hoverStyle={props.onPress ? { scale: 0.925 } : {}}
+            pressStyle={props.onPress ? { scale: 0.875 } : {}}
             borderRadius={25}
             {...cardDimensions}
             {...props}

components/Home/helpers/recent-artists.tsx

@@ -25,7 +25,7 @@ export default function RecentArtists({ navigation }: ProvidedHomeProps): React.
                     return (
                         <Card 
                             circular
-                            marginRight={25}
+                            columnGap={10}
                             itemId={recentArtist.Id!}
                             onPress={() => {
                                 navigation.navigate('Artist',