1 files changed, 4 insertions, 5 deletions
diff --git a/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx b/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx
index c8c522cf..5f4463ae 100644
--- a/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx
+++ b/apps/mobile/app/dashboard/settings/bookmark-default-view.tsx
@@ -1,7 +1,8 @@
-import { Pressable, Text, View } from "react-native";
+import { Pressable, View } from "react-native";
 import { useRouter } from "expo-router";
 import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView";
 import { Divider } from "@/components/ui/Divider";
+import { Text } from "@/components/ui/Text";
 import { useToast } from "@/components/ui/Toast";
 import useAppSettings from "@/lib/settings";
 import { Check } from "lucide-react-native";
@@ -41,9 +42,7 @@ export default function BookmarkDefaultViewSettings() {
           className="flex flex-row justify-between"
           key={mode}
         >
-          <Text className="text-lg text-accent-foreground">
-            {{ browser: "Browser", reader: "Reader" }[mode]}
-          </Text>
+          <Text>{{ browser: "Browser", reader: "Reader" }[mode]}</Text>
           {isChecked && <Check color="rgb(0, 122, 255)" />}
         </Pressable>,
         <Divider
@@ -59,7 +58,7 @@ export default function BookmarkDefaultViewSettings() {
   return (
     <CustomSafeAreaView>
       <View className="flex h-full w-full items-center px-4 py-2">
-        <View className="w-full rounded-lg bg-white px-4 py-2 dark:bg-accent">
+        <View className="w-full rounded-lg bg-card bg-card px-4 py-2">
           {options}
         </View>
       </View>