diff --git a/jam-ui/src/components/jamtracks/JKAudioPlayer.js b/jam-ui/src/components/jamtracks/JKAudioPlayer.js
index 32387085d..e9f1c6537 100644
--- a/jam-ui/src/components/jamtracks/JKAudioPlayer.js
+++ b/jam-ui/src/components/jamtracks/JKAudioPlayer.js
@@ -130,7 +130,7 @@ const JKAudioPlayer = ({ audioUrl }) => {
         <div className="controls">
           <div className="play-container">
             <button
-              onClick={togglePlayPause}
+              onClick={(e) => togglePlayPause(e)}
               className="play-pause-button"
             >
               {isPlaying ? (
@@ -146,11 +146,11 @@ const JKAudioPlayer = ({ audioUrl }) => {
             <div className="length"></div>
           </div>
           {/* <div className="name">Music Song</div> */}
-          <div className="timeline" onClick={onClickTimeline}>
+          <div className="timeline" onClick={(e) => onClickTimeline(e)}>
             <div className="progress"></div>
           </div>
           <div className="volume-container">
-            <div className="volume-button" onClick={onVolumeButtonClick}>
+            <div className="volume-button" onClick={(e) => onVolumeButtonClick(e)}>
               <div className="volume">
                 {isMuted ? (
                   <FontAwesomeIcon icon="volume-off" width={30} height={30} />