diff --git a/components/Artist/component.tsx b/components/Artist/component.tsx
index 2983d355..050e2a92 100644
--- a/components/Artist/component.tsx
+++ b/components/Artist/component.tsx
@@ -9,6 +9,10 @@ import { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import { StackParamList } from "../types";
 import { H4, H5 } from "../Global/text";
 import { useState } from "react";
+import { CachedImage } from "@georstat/react-native-image-cache";
+import { ImageType } from "@jellyfin/sdk/lib/generated-client/models";
+import { queryConfig } from "@/api/queries/query.config";
+import { getImageApi } from "@jellyfin/sdk/lib/utils/api";
 
 interface ArtistProps {
     artistId: string,
@@ -25,41 +29,48 @@ export default function Artist(props: ArtistProps): React.JSX.Element {
     const { data: albums } = useArtistAlbums(props.artistId, apiClient!);
 
     return (
-        <SafeAreaView>
-            <ScrollView 
-                alignContent="center" 
-                contentInsetAdjustmentBehavior="automatic"
-            >
-                <Avatar itemId={props.artistId} />
+        <ScrollView alignContent="center">
+            <CachedImage
+                source={getImageApi(apiClient!)
+                    .getItemImageUrlById(
+                        props.artistId,
+                        ImageType.Primary,
+                        { ...queryConfig.images})
+                } 
+                imageStyle={{
+                    width: 1000,
+                    height: 250,
+                    resizeMode: "cover"
+                }}
+            />
 
-                <H4>Albums</H4>
-                <FlatList
-                    contentContainerStyle={{
-                        flexGrow: 1,
-                        justifyContent: 'center',
-                        alignItems: "flex-start"
-                    }}
-                    data={albums}
-                    numColumns={columns} // TODO: Make this adjustable
-                    renderItem={({ item: album }) => {
-                        return (
-                            <Card
-                                caption={album.Name}
-                                subCaption={album.ProductionYear?.toString()}
-                                marginHorizontal={10}
-                                width={350 / columns}
-                                cornered 
-                                itemId={album.Id!}
-                                onPress={() => {
-                                    props.navigation.navigate('Album', {
-                                        album
-                                    })
-                                }}
-                            />
-                        )
-                    }}
-                />
-            </ScrollView>
-        </SafeAreaView>
+            <H4>Albums</H4>
+            <FlatList
+                contentContainerStyle={{
+                    flexGrow: 1,
+                    justifyContent: 'center',
+                    alignItems: "flex-start"
+                }}
+                data={albums}
+                numColumns={columns} // TODO: Make this adjustable
+                renderItem={({ item: album }) => {
+                    return (
+                        <Card
+                            caption={album.Name}
+                            subCaption={album.ProductionYear?.toString()}
+                            marginHorizontal={10}
+                            width={350 / columns}
+                            cornered 
+                            itemId={album.Id!}
+                            onPress={() => {
+                                props.navigation.navigate('Album', {
+                                    album
+                                })
+                            }}
+                        />
+                    )
+                }}
+            />
+        </ScrollView>
     )
 }
\ No newline at end of file
diff --git a/components/Player/mini-player.tsx b/components/Player/mini-player.tsx
index dcc4be05..ce2a9323 100644
--- a/components/Player/mini-player.tsx
+++ b/components/Player/mini-player.tsx
@@ -33,7 +33,9 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
                     height={"$6"} 
                     onPress={() => navigation.navigate("Player")}
                 >
-                    <YStack flex={1}>
+                    <YStack
+                        marginRight={5} 
+                        flex={1}>
                         <CachedImage
                             source={getImageApi(apiClient!)
                                 .getItemImageUrlById(
@@ -55,7 +57,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
 
                     <YStack alignContent="flex-start" flex={4}>
                         <TextTicker 
-                            duration={3000}
+                            duration={5000}
                             loop
                             repeatSpacer={20} 
                             marqueeDelay={1000}
@@ -64,7 +66,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
                         </TextTicker>
 
                         <TextTicker 
-                            duration={3000}
+                            duration={5000}
                             loop
                             repeatSpacer={20}
                             marqueeDelay={1000}