diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 297a2124..420aeb6a 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -88,6 +88,13 @@ const Footer = ({
       >
         {renderCustomFooter?.(false, appState)}
       </div>
+      <div
+        className={clsx("layer-ui__wrapper__footer-right zen-mode-transition", {
+          "transition-right disable-pointerEvents": appState.zenModeEnabled,
+        })}
+      >
+        {actionManager.renderAction("toggleShortcuts")}
+      </div>
       <ExitZenModeAction
         executeAction={actionManager.executeAction}
         showExitZenModeBtn={showExitZenModeBtn}