From 86b2d083fb8d31b92ed4e5444c732a12ca835b71 Mon Sep 17 00:00:00 2001
From: lawvs <18554747+lawvs@users.noreply.github.com>
Date: Sun, 8 Jun 2025 03:22:19 +0800
Subject: [PATCH] fix: wrap code highlight theme selector in a view for layout
 consistency

---
 .../modules/settings/routes/Appearance.tsx    | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/apps/mobile/src/modules/settings/routes/Appearance.tsx b/apps/mobile/src/modules/settings/routes/Appearance.tsx
index 126e2e458..28d075164 100644
--- a/apps/mobile/src/modules/settings/routes/Appearance.tsx
+++ b/apps/mobile/src/modules/settings/routes/Appearance.tsx
@@ -106,17 +106,18 @@ export const AppearanceScreen = () => {
       <GroupedInsetListSectionHeader label="Content" />
       <GroupedInsetListCard>
         <GroupedInsetListCell label={t("appearance.code_highlight_theme.label")}>
-          <Select
-            wrapperClassName="w-[120px]"
-            options={themeNames.map((theme) => ({
-              label: theme,
-              value: theme,
-            }))}
-            value={colorScheme === "dark" ? codeThemeDark : codeThemeLight}
-            onValueChange={(val) => {
-              setUISetting(`codeHighlightTheme${colorScheme === "dark" ? "Dark" : "Light"}`, val)
-            }}
-          />
+          <View className="w-[120px]">
+            <Select
+              options={themeNames.map((theme) => ({
+                label: theme,
+                value: theme,
+              }))}
+              value={colorScheme === "dark" ? codeThemeDark : codeThemeLight}
+              onValueChange={(val) => {
+                setUISetting(`codeHighlightTheme${colorScheme === "dark" ? "Dark" : "Light"}`, val)
+              }}
+            />
+          </View>
         </GroupedInsetListCell>
 
         <GroupedInsetListCell