From 956e8b05c70cc6b807c57d38f782c5a7bd46a13d Mon Sep 17 00:00:00 2001
From: Tanner Linsley <tannerlinsley@gmail.com>
Date: Mon, 19 Oct 2026 13:01:08 -0700
Subject: [PATCH] fix(hotkeys): allow dismissing the cheat sheet after clicking
 inside

---
 .../landing/HotkeysLandingDemos.client.tsx           | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/landing/HotkeysLandingDemos.client.tsx b/src/components/landing/HotkeysLandingDemos.client.tsx
index 7ec489ad7..bd95f2830 100644
--- a/src/components/landing/HotkeysLandingDemos.client.tsx
+++ b/src/components/landing/HotkeysLandingDemos.client.tsx
@@ -637,7 +637,6 @@ function ShortcutSettings() {
     })),
   )
   useHotkey('Escape', () => setSheetOpen(false), {
-    target: cardRef,
     enabled: sheetOpen,
     meta: { name: 'Close the cheat sheet' },
   })
@@ -801,9 +800,14 @@ function ShortcutSettings() {
                 <span className="text-ds-label-lg text-text-primary">
                   Cheat sheet
                 </span>
-                <span className="text-ds-label-sm text-text-primary/45">
-                  Esc to close
-                </span>
+                <button
+                  aria-label="Close cheat sheet"
+                  className="rounded-lg px-3 py-2 text-ds-label-sm text-text-primary/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--landing-accent-bright)"
+                  onClick={() => setSheetOpen(false)}
+                  type="button"
+                >
+                  Close
+                </button>
               </div>
               <ul className="mt-4 space-y-2">
                 {appHotkeys.map(({ appHotkey, isCustom }) => (