diff --git a/apps/web/src/components/special-keys-panel.tsx b/apps/web/src/components/special-keys-panel.tsx
index 0136f54..a7c368a 100644
--- a/apps/web/src/components/special-keys-panel.tsx
+++ b/apps/web/src/components/special-keys-panel.tsx
@@ -62,7 +62,9 @@ export const SpecialKeysPanel: React.FC<SpecialKeysPanelProps> = ({
               key={key}
               className="special-key-button"
               onPointerDown={(e) => handlePointerDown(e, key)}
+              onFocus={(e) => e.target.blur()}
               type="button"
+              tabIndex={-1}
             >
               {label}
             </button>
@@ -75,7 +77,9 @@ export const SpecialKeysPanel: React.FC<SpecialKeysPanelProps> = ({
               key={key}
               className="special-key-button"
               onPointerDown={(e) => handlePointerDown(e, key)}
+              onFocus={(e) => e.target.blur()}
               type="button"
+              tabIndex={-1}
             >
               {label}
             </button>
diff --git a/apps/web/src/components/special-keys-strip.tsx b/apps/web/src/components/special-keys-strip.tsx
index 563dced..70e77df 100644
--- a/apps/web/src/components/special-keys-strip.tsx
+++ b/apps/web/src/components/special-keys-strip.tsx
@@ -46,7 +46,9 @@ export const SpecialKeysStrip: React.FC<SpecialKeysStripProps> = ({
           key={key}
           className="special-key-button"
           onPointerDown={(e) => handlePointerDown(e, key)}
+          onFocus={(e) => e.target.blur()}
           type="button"
+          tabIndex={-1}
           aria-label={`Send ${label}`}
         >
           {label}
@@ -56,7 +58,9 @@ export const SpecialKeysStrip: React.FC<SpecialKeysStripProps> = ({
         <button
           className="special-key-button special-key-more"
           onPointerDown={handleMorePointerDown}
+          onFocus={(e) => e.target.blur()}
           type="button"
+          tabIndex={-1}
           aria-label="More special keys"
         >
           More