From f8c8a4ebebd934217c808decf59fd59f4d63290d Mon Sep 17 00:00:00 2001
From: Gabe Yuan <gabe@zq.com>
Date: Wed, 13 Sep 2023 11:16:56 +0800
Subject: [PATCH] ui fix

---
 src/views/Options/Setting.js | 53 +++++++++++++++++++-----------------
 1 file changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/views/Options/Setting.js b/src/views/Options/Setting.js
index 3080a42..cf35b04 100644
--- a/src/views/Options/Setting.js
+++ b/src/views/Options/Setting.js
@@ -244,32 +244,35 @@ export default function Settings() {
                 <MenuItem value={true}>{i18n("hide")}</MenuItem>
               </Select>
             </FormControl>
-            <Grid container rowSpacing={2} columns={12}>
-              <Grid item xs={12} sm={12} md={3} lg={3}>
-                <ShortcutItem
-                  action={OPT_SHORTCUT_TRANSLATE}
-                  label={i18n("toggle_translate_shortcut")}
-                />
+
+            <Box>
+              <Grid container rowSpacing={2} columns={12}>
+                <Grid item xs={12} sm={12} md={3} lg={3}>
+                  <ShortcutItem
+                    action={OPT_SHORTCUT_TRANSLATE}
+                    label={i18n("toggle_translate_shortcut")}
+                  />
+                </Grid>
+                <Grid item xs={12} sm={12} md={3} lg={3}>
+                  <ShortcutItem
+                    action={OPT_SHORTCUT_STYLE}
+                    label={i18n("toggle_style_shortcut")}
+                  />
+                </Grid>
+                <Grid item xs={12} sm={12} md={3} lg={3}>
+                  <ShortcutItem
+                    action={OPT_SHORTCUT_POPUP}
+                    label={i18n("toggle_popup_shortcut")}
+                  />
+                </Grid>
+                <Grid item xs={12} sm={12} md={3} lg={3}>
+                  <ShortcutItem
+                    action={OPT_SHORTCUT_SETTING}
+                    label={i18n("open_setting_shortcut")}
+                  />
+                </Grid>
               </Grid>
-              <Grid item xs={12} sm={12} md={3} lg={3}>
-                <ShortcutItem
-                  action={OPT_SHORTCUT_STYLE}
-                  label={i18n("toggle_style_shortcut")}
-                />
-              </Grid>
-              <Grid item xs={12} sm={12} md={3} lg={3}>
-                <ShortcutItem
-                  action={OPT_SHORTCUT_POPUP}
-                  label={i18n("toggle_popup_shortcut")}
-                />
-              </Grid>
-              <Grid item xs={12} sm={12} md={3} lg={3}>
-                <ShortcutItem
-                  action={OPT_SHORTCUT_SETTING}
-                  label={i18n("open_setting_shortcut")}
-                />
-              </Grid>
-            </Grid>
+            </Box>
           </>
         )}
       </Stack>