From 7c3a8aab641d764a7a5eb88767341fbf8bc4b781 Mon Sep 17 00:00:00 2001
From: JSC <jschoisy@carea5.com>
Date: Sat, 20 Sep 2025 15:41:07 +0200
Subject: [PATCH] fix: add cursor pointer style to StopSoundsButton for better
 UX

---
 src/components/nav/StopSoundsButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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">