diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 0ff75f2..3756a06 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -3741,7 +3741,7 @@ export default function App() {
             onMouseDown={(e) => e.preventDefault()}
             onClick={playRecordingOnAir}
             title={t('rec.playOnAir')}
-            className="inline-flex items-center justify-center size-4 rounded text-destructive hover:bg-destructive-muted"
+            className="inline-flex items-center justify-center size-4 rounded text-success hover:bg-success/15"
           >
             ▶
           </button>