diff --git a/src/renderer/features/player/components/player-button.tsx b/src/renderer/features/player/components/player-button.tsx
index 9071c8a0..120fed9e 100644
--- a/src/renderer/features/player/components/player-button.tsx
+++ b/src/renderer/features/player/components/player-button.tsx
@@ -61,7 +61,7 @@ interface PlayButtonProps extends Omit<ActionIconProps, 'icon' | 'variant'> {
 }
 
 export const PlayButton = forwardRef<HTMLButtonElement, PlayButtonProps>(
-    ({ isPaused, ...props }: PlayButtonProps, ref) => {
+    ({ isPaused, onClick, ...props }: PlayButtonProps, ref) => {
         return (
             <ActionIcon
                 className={styles.main}
@@ -69,6 +69,10 @@ export const PlayButton = forwardRef<HTMLButtonElement, PlayButtonProps>(
                 iconProps={{
                     size: 'lg',
                 }}
+                onClick={(e) => {
+                    e.stopPropagation();
+                    onClick?.(e);
+                }}
                 ref={ref}
                 tooltip={{
                     label: isPaused