diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index 8cd1d2abd1..1ba40ba08f 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -286,17 +286,17 @@ export const UndoRedoActions = ({
 );
 
 export const ExitZenModeAction = ({
-  executeAction,
+  actionManager,
   showExitZenModeBtn,
 }: {
-  executeAction: ActionManager["executeAction"];
+  actionManager: ActionManager;
   showExitZenModeBtn: boolean;
 }) => (
   <button
     className={clsx("disable-zen-mode", {
       "disable-zen-mode--visible": showExitZenModeBtn,
     })}
-    onClick={() => executeAction(actionToggleZenMode)}
+    onClick={() => actionManager.executeAction(actionToggleZenMode)}
   >
     {t("buttons.exitZenMode")}
   </button>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 420aeb6a88..0fbcd73d9b 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -96,7 +96,7 @@ const Footer = ({
         {actionManager.renderAction("toggleShortcuts")}
       </div>
       <ExitZenModeAction
-        executeAction={actionManager.executeAction}
+        actionManager={actionManager}
         showExitZenModeBtn={showExitZenModeBtn}
       />
     </footer>