Fix rendering of non-"keyboard" keypicker entries

keyboardio · Feb 7, 2024 · 60ee2f9 · 60ee2f9
1 parent 04a0628
commit 60ee2f9
Showing 1 changed file with 10 additions and 9 deletions.
diff --git 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}>