diff --git a/src/components/NowPlayingBanner.tsx b/src/components/NowPlayingBanner.tsx
index e7f57a0..56089b3 100644
--- a/src/components/NowPlayingBanner.tsx
+++ b/src/components/NowPlayingBanner.tsx
@@ -73,6 +73,7 @@ export const NowPlayingBanner = () => {
                 color={theme.colors.text}
                 onPress={onPressPlayPause}
                 size={24}
+                disabled={!currentTrack}
               />
             )}
             <PressableSFSymbol
@@ -80,6 +81,7 @@ export const NowPlayingBanner = () => {
               color={theme.colors.text}
               size={24}
               onPress={onPressNextSong}
+              disabled={!currentTrack}
             />
           </View>
         </View>
diff --git a/src/components/PressableSFSymbol.tsx b/src/components/PressableSFSymbol.tsx
index 7af44c5..0381c99 100644
--- a/src/components/PressableSFSymbol.tsx
+++ b/src/components/PressableSFSymbol.tsx
@@ -7,6 +7,7 @@ type PressableSFSymbolProps = {
   color: string;
   size: number;
   testID?: string;
+  disabled?: boolean;
 };
 
 export const PressableSFSymbol = ({
@@ -15,6 +16,7 @@ export const PressableSFSymbol = ({
   color,
   size,
   testID,
+  disabled,
 }: PressableSFSymbolProps) => {
   // const { styles } = useStyles(stylesheet);
 
@@ -23,6 +25,7 @@ export const PressableSFSymbol = ({
       onPress={onPress}
       style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]}
       testID={testID}
+      disabled={disabled}
     >
       <SFSymbol
         name={name}