diff --git a/Select.tsx b/Select.tsx
index cf40f98..fe7c401 100644
--- a/Select.tsx
+++ b/Select.tsx
@@ -41,7 +41,7 @@ export default function Select({
         <Button
           onPress={() => setShow(true)}
           style={{alignSelf: 'flex-start', marginTop: MARGIN}}>
-          {selected.label}
+          {selected?.label}
         </Button>
       }>
       {items.map(item => (
diff --git a/SettingsPage.tsx b/SettingsPage.tsx
index 12c2603..5eac533 100644
--- a/SettingsPage.tsx
+++ b/SettingsPage.tsx
@@ -224,7 +224,7 @@ export default function SettingsPage() {
           />
           {'theme'.includes(term.toLowerCase()) && (
             <Select
-              value={theme}
+              value={theme || 'system'}
               onChange={changeTheme}
               items={[
                 {label: 'Follow system theme', value: 'system'},
diff --git a/use-theme.ts b/use-theme.ts
index e875140..b1a912c 100644
--- a/use-theme.ts
+++ b/use-theme.ts
@@ -6,7 +6,7 @@ export const ThemeContext = createContext<{
   setTheme: (value: string) => void
   setColor: (value: string) => void
 }>({
-  theme: '',
+  theme: 'system',
   color: '',
   setTheme: () => null,
   setColor: () => null,