WHY THOSE ARTISTS SO SMAL THO

components/Home/component.tsx

@@ -1,4 +1,4 @@
-import { H3, ScrollView, YStack } from "tamagui";
+import { H3, ScrollView, XStack, YStack } from "tamagui";
 import _ from "lodash";
 import RecentlyPlayed from "./helpers/recently-played";
 import { useApiClientContext } from "../jellyfin-api-provider";
@@ -9,6 +9,7 @@ import { createNativeStackNavigator } from "@react-navigation/native-stack";
 import { HomeStackParamList, ProvidedHomeProps } from "./types";
 import { HomeArtistScreen } from "./screens/artist";
 import { SafeAreaView } from "react-native-safe-area-context";
+import Avatar from "../Global/avatar";
 
 export const HomeStack = createNativeStackNavigator<HomeStackParamList>();
 
@@ -64,7 +65,10 @@ function ProvidedHome({ route, navigation }: ProvidedHomeProps): React.JSX.Eleme
                     />
                 }>
                 <YStack alignContent='flex-start'>
-                    <H3>{`Hi, ${user!.name}`}</H3>
+                    <XStack>
+                        <Avatar itemId={user!.id} />
+                        <H3>{`Hi, ${user!.name}`}</H3>
+                    </XStack>
                     <RecentArtists route={route} navigation={navigation} />
                     <RecentlyPlayed />
                 </YStack>

components/Home/helpers/recent-artists.tsx

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