diff --git a/components/Album/component.tsx b/components/Album/component.tsx
index 5ce4609f..290e4372 100644
--- a/components/Album/component.tsx
+++ b/components/Album/component.tsx
@@ -12,7 +12,7 @@ import { usePlayerContext } from "../../player/provider";
 import RunTimeTicks from "../Global/helpers/runtimeticks";
 import Track from "../Global/components/track";
 import { useItemTracks } from "@/api/queries/tracks";
-import { SafeAreaView } from "react-native-safe-area-context";
+import { SafeAreaView, useSafeAreaFrame } from "react-native-safe-area-context";
 
 interface AlbumProps {
     album: BaseItemDto,
@@ -21,10 +21,11 @@ interface AlbumProps {
 
 export default function Album(props: AlbumProps): React.JSX.Element {
 
-    const { apiClient, sessionId } = useApiClientContext();
-
+    const { apiClient } = useApiClientContext();
     const { nowPlaying } = usePlayerContext();
 
+    const { width } = useSafeAreaFrame();
+
     const { data: tracks, isLoading } = useItemTracks(props.album.Id!, apiClient!, true);
 
     return (
@@ -39,8 +40,8 @@ export default function Album(props: AlbumProps): React.JSX.Element {
                                 { ...queryConfig.images})}
                                 imageStyle={{
                                     position: "relative",
-                                    width: 300,
-                                    height: 300,
+                                    width: width / 1.1,
+                                    height: width / 1.1,
                                     borderRadius: 2
                                 }}
                                 />
diff --git a/components/Global/components/track.tsx b/components/Global/components/track.tsx
index 8fc76360..eb07f5bd 100644
--- a/components/Global/components/track.tsx
+++ b/components/Global/components/track.tsx
@@ -43,7 +43,7 @@ export default function Track({
                         tracklist
                     });
                 }}
-                paddingVertical={"$2"}
+                paddingVertical={"$3"}
                 paddingHorizontal={"$1"}
             >
                 <XStack justifyContent="flex-start" flex={1}>
@@ -52,7 +52,7 @@ export default function Track({
                     </Text>
                 </XStack>
 
-                <XStack alignContent="flex-start" flex={5}>
+                <XStack alignContent="flex-start" flex={6}>
                     <Text 
                         color={isPlaying ? Colors.Primary : Colors.White}
                         lineBreakStrategyIOS="standard"
diff --git a/components/Player/component.tsx b/components/Player/component.tsx
index 7190fa94..a9e10e10 100644
--- a/components/Player/component.tsx
+++ b/components/Player/component.tsx
@@ -60,13 +60,13 @@ export default function Player({ navigation }: { navigation : NavigationHelpers<
                         borderRadius: 2
                     }}
                 />
-                <BlurView style={{ 
+                <BlurView blurType="dark" style={{ 
                     top: 0,
                     left: 0,
                     bottom: 0,
                     right: 0,
                     position: "absolute", 
-                    zIndex: -98 
+                    zIndex: -1
                     }}
                 />
 
@@ -91,7 +91,7 @@ export default function Player({ navigation }: { navigation : NavigationHelpers<
                             />
                     </XStack>
 
-                    <XStack margin={10}>
+                    <XStack margin={20}>
                         <YStack justifyContent="flex-start" flex={4}>
                             <Text fontSize={"$6"}>{nowPlaying?.title ?? "Untitled Track"}</Text>
                             <Text 
@@ -113,17 +113,24 @@ export default function Player({ navigation }: { navigation : NavigationHelpers<
                         </XStack>
                     </XStack>
 
-                    <XStack justifyContent="center" marginHorizontal={20}>
+                    <XStack justifyContent="center" marginVertical={20}>
                         {/* playback progress goes here */}
                         <HorizontalSlider 
                             value={progressState}
                             max={progress!.duration}
                             width={width / 1.1}
                             props={{
+                                onSlideStart: (event, value) => {
+                                    setSeeking(true);
+                                },
+                                onSlideMove: (event, value) => {
+                                    setProgressState(value);
+                                },
                                 onSlideEnd: (event, value) => {
                                     const position = value;
 
                                     useSeekTo.mutate(position);
+                                    setSeeking(false);
                                 }
                             }}
                             />