diff --git a/web/src/components/Modal.tsx b/web/src/components/Modal.tsx
index c1629c38..d60ba9cf 100644
--- a/web/src/components/Modal.tsx
+++ b/web/src/components/Modal.tsx
@@ -181,7 +181,7 @@ export const ModalWrapper: React.FC<{
   return (
     <div
       className={clsx('p-4', props.className)}
-      style={{ minWidth: isMobile ? 300 : 420, ...props.style }}
+      style={{ minWidth: isMobile ? 290 : 420, ...props.style }}
     >
       {title}
       {props.children}
diff --git a/web/src/components/modals/SettingsView/System.tsx b/web/src/components/modals/SettingsView/System.tsx
index a220a725..3a322c1a 100644
--- a/web/src/components/modals/SettingsView/System.tsx
+++ b/web/src/components/modals/SettingsView/System.tsx
@@ -23,7 +23,7 @@ export const SettingsSystem: React.FC = React.memo(() => {
         title={t('系统语言')}
         content={
           <Select
-            style={{ width: 300 }}
+            style={{ width: 280 }}
             size="large"
             value={language}
             onChange={handleChangeLanguage}
@@ -38,7 +38,7 @@ export const SettingsSystem: React.FC = React.memo(() => {
         title={t('配色方案')}
         content={
           <Select
-            style={{ width: 300 }}
+            style={{ width: 280 }}
             size="large"
             value={colorScheme}
             onChange={setColorScheme}