diff --git a/components/shared.tsx b/components/shared.tsx
index 617eda1b6..53da6b6d7 100644
--- a/components/shared.tsx
+++ b/components/shared.tsx
@@ -246,6 +246,16 @@ export const Item = styled('button', {
   },
 })
 
+export const ShortcutKey = styled('span', {
+  fontSize: '$0',
+  width: '16px',
+  height: '16px',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  boxShadow: '1px 1px 0px rgba(0,0,0,.5)',
+})
+
 export const IconWrapper = styled('div', {
   height: '100%',
   borderRadius: '4px',