Update KeyboardShortcutLabel.tsx

2022-05-28 02:24:06 -05:00
parent 3d22272f03
commit 57fd2c997b
1 changed files with 5 additions and 4 deletions
@@ -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>
  );
 }