diff --git a/src/components/nav/StopSoundsButton.tsx b/src/components/nav/StopSoundsButton.tsx
index bc13dc0..3f7db96 100644
--- a/src/components/nav/StopSoundsButton.tsx
+++ b/src/components/nav/StopSoundsButton.tsx
@@ -31,7 +31,7 @@ export function StopSoundsButton() {
           onClick={handleStopSounds}
           disabled={isLoading}
           tooltip={tooltipText}
-          className="group-data-[collapsible=icon]:justify-center text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:text-red-300 dark:hover:bg-red-950/50"
+          className="group-data-[collapsible=icon]:justify-center text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:text-red-300 dark:hover:bg-red-950/50 cursor-pointer disabled:cursor-not-allowed"
         >
           <Square className="h-5 w-5 fill-current" />
           <span className="font-semibold group-data-[collapsible=icon]:hidden">