diff --git a/src/public/app/components/app_context.ts b/src/public/app/components/app_context.ts
index 63e3144c2..d6c7b8cc1 100644
--- a/src/public/app/components/app_context.ts
+++ b/src/public/app/components/app_context.ts
@@ -223,6 +223,8 @@ export type CommandMappings = {
     // Geomap
     deleteFromMap: { noteId: string },
     openGeoLocation: { noteId: string, event: JQuery.MouseDownEvent }
+
+    toggleZenMode: CommandData;
 };
 
 type EventMappings = {
diff --git a/src/public/app/components/root_command_executor.ts b/src/public/app/components/root_command_executor.ts
index d93143a5f..5f15ebe52 100644
--- a/src/public/app/components/root_command_executor.ts
+++ b/src/public/app/components/root_command_executor.ts
@@ -178,6 +178,10 @@ export default class RootCommandExecutor extends Component {
         for (const window of windows) window[action]();
     }
 
+    toggleZenModeCommand() {
+        $("body").toggleClass("zen");
+    }
+
     firstTabCommand() {
         this.#goToTab(1);
     }