From 60ee2f94ca56c904f8f764ae264fb0a660a9153c Mon Sep 17 00:00:00 2001
From: Jesse Vincent <jesse@keyboard.io>
Date: Wed, 7 Feb 2024 14:22:34 -0800
Subject: [PATCH] Fix rendering of non-"keyboard" keypicker entries

---
 .../screens/Editor/components/KeyPicker.js    | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/renderer/screens/Editor/components/KeyPicker.js b/src/renderer/screens/Editor/components/KeyPicker.js
index daeb60e6a..e81fd9464 100644
--- a/src/renderer/screens/Editor/components/KeyPicker.js
+++ b/src/renderer/screens/Editor/components/KeyPicker.js
@@ -124,15 +124,16 @@ export const KeyPicker = (props) => {
               <Tab value="advanced" label="Advanced" />
             </TabList>
           </Box>
-          <TabPanel
-            value="keyboard"
-            sx={{
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-            }}
-          >
-            <Keyboard104 onKeySelect={onKeyChange} currentKeyCode={key.baseCode || key.code} keymap={keymap} />
+          <TabPanel value="keyboard">
+            <Box
+              sx={{
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+              }}
+            >
+              <Keyboard104 onKeySelect={onKeyChange} currentKeyCode={key.baseCode || key.code} keymap={keymap} />
+            </Box>
           </TabPanel>
           <TabPanel value="modifiers">
             <Grid container spacing={0}>