diff --git a/app/components/settings.tsx b/app/components/settings.tsx
index 43d14fc47..f0138cb18 100644
--- a/app/components/settings.tsx
+++ b/app/components/settings.tsx
@@ -247,6 +247,20 @@ export function Settings(props: { closeSettings: () => void }) {
             </select>
           </SettingItem>
 
+          <div className="no-mobile">
+            <SettingItem title={Locale.Settings.TightBorder}>
+              <input
+                type="checkbox"
+                checked={config.tightBorder}
+                onChange={(e) =>
+                  updateConfig(
+                    (config) => (config.tightBorder = e.currentTarget.checked),
+                  )
+                }
+              ></input>
+            </SettingItem>
+          </div>
+          
           <SettingItem
             title={Locale.Settings.FontSize.Title}
             subTitle={Locale.Settings.FontSize.SubTitle}
@@ -266,20 +280,6 @@ export function Settings(props: { closeSettings: () => void }) {
               }
             ></input>
           </SettingItem>
-
-          <div className="no-mobile">
-            <SettingItem title={Locale.Settings.TightBorder}>
-              <input
-                type="checkbox"
-                checked={config.tightBorder}
-                onChange={(e) =>
-                  updateConfig(
-                    (config) => (config.tightBorder = e.currentTarget.checked),
-                  )
-                }
-              ></input>
-            </SettingItem>
-          </div>
         </List>
         <List>
           <SettingItem