From 901a7d29efb7e719ef39c7e8f0f56624729599bf Mon Sep 17 00:00:00 2001
From: bryce <bryce.hoehn@icloud.com>
Date: Sun, 24 May 2026 03:03:41 -0400
Subject: [PATCH] fix: improved keyboard shortcut accessibility

Adds "Shift" as a full word after the symbol to reduce ambiguity. Changes font to monospace so 'I' and 'l' are distinct.
---
 src/components/KeyboardShortcut.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/KeyboardShortcut.tsx b/src/components/KeyboardShortcut.tsx
index 4e58b26..054ce6b 100644
--- a/src/components/KeyboardShortcut.tsx
+++ b/src/components/KeyboardShortcut.tsx
@@ -49,9 +49,9 @@ const KeyboardShortcut: React.FC<KeyboardShortcutProps> = ({
     <span className={`inline-flex items-center ${className || ""}`}>
       {keys.map((key, index) => (
         <React.Fragment key={index}>
-          <kbd className="px-1 py-0.5 text-xs font-semibold text-fd-foreground bg-fd-card border border-fd-border rounded-sm">
+          <kbd className="px-1 py-0.5 text-xs font-semibold font-mono text-fd-foreground bg-fd-card border border-fd-border rounded-sm">
             {key.toLowerCase() === "shift"
-              ? "⇧"
+              ? "⇧ Shift"
               : key.toLowerCase() === "plus"
               ? "+"
               : key}