From 57fd2c997b9c6a96a42c8262f49046703a44dced Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sat, 28 May 2022 02:24:06 -0500
Subject: [PATCH] Update KeyboardShortcutLabel.tsx

---
 .../desktop/src/components/KeyboardShortcutLabel.tsx     | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

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>
   );
 }