diff --git a/frontend/app/components/Session_/Player/Overlay.tsx b/frontend/app/components/Session_/Player/Overlay.tsx
index d9a73c56a..f0d0898ec 100644
--- a/frontend/app/components/Session_/Player/Overlay.tsx
+++ b/frontend/app/components/Session_/Player/Overlay.tsx
@@ -22,6 +22,7 @@ function Overlay({
 }: Props) {
   const { player, store } = React.useContext(PlayerContext)
 
+  const togglePlay = () => player.togglePlay()
   const {
     playing,
     messagesLoading,
@@ -57,7 +58,7 @@ function Overlay({
       }
       { loading ? <Loader /> : null }
       { showPlayIconLayer &&
-        <PlayIconLayer playing={playing} togglePlay={player.togglePlay} />
+        <PlayIconLayer playing={playing} togglePlay={togglePlay} />
       }
       { markedTargets && <ElementsMarker targets={ markedTargets } activeIndex={activeTargetIndex}/>
       }