diff --git a/packages/desktop/src/components/KeyboardShortcutLabel.tsx b/packages/desktop/src/components/KeyboardShortcutLabel.tsx
index d540a3f..72d22ae 100644
--- a/packages/desktop/src/components/KeyboardShortcutLabel.tsx
+++ b/packages/desktop/src/components/KeyboardShortcutLabel.tsx
@@ -1,20 +1,21 @@
 import React from 'react';
-import { Box, Typography } from '@mui/material';
+import { Box, Paper, Typography } from '@mui/material';
 import { blueGrey } from '@mui/material/colors';
 
 export default function KeyboardShortcutLabel({ label }: { label: string }) {
   return (
-    <Box
+    <Paper
+      elevation={0}
+      variant={'outlined'}
       sx={{
         px: 1,
         py: 0.25,
         border: `1px solid`,
         bgcolor: blueGrey[50],
-        boxShadow: 1,
         color: blueGrey[300],
       }}
     >
       <Typography variant="caption">{label}</Typography>
-    </Box>
+    </Paper>
   );
 }