diff --git a/app/app/_layout.tsx b/app/app/_layout.tsx
index 54ec0c2..d8b16b4 100644
--- a/app/app/_layout.tsx
+++ b/app/app/_layout.tsx
@@ -65,7 +65,6 @@ function AppContainer(): JSX.Element | null {
               <Stack.Screen name="about/licenses" options={{ presentation: 'modal' }} />
               <Stack.Screen name="api/settings" options={{ presentation: 'modal' }} />
               <Stack.Screen name="keys/settings" options={{ presentation: 'modal' }} />
-              <Stack.Screen name="scan/settings" options={{ presentation: 'modal' }} />
             </Stack>
           </ExternalLinkProvider>
         </HapticFeedbackProvider>
diff --git a/app/app/scan/settings.tsx b/app/app/scan/settings.tsx
deleted file mode 100644
index 1519cca..0000000
--- a/app/app/scan/settings.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Stack, useRouter } from 'expo-router';
-import { TouchableOpacity, View } from 'react-native';
-import { useTailwind } from 'tailwind-rn';
-
-import { useHaptic } from '../HapticFeedback';
-import { IconSet } from '../IconSet';
-
-export default function ScanSettingsPage(): JSX.Element {
-  const tailwind = useTailwind();
-  const haptic = useHaptic();
-  const router = useRouter();
-
-  return (
-    <>
-      <Stack.Screen
-        options={{
-          title: 'Scan Settings',
-          headerStyle: tailwind('bg-zinc-900'),
-          headerRight: () => (
-            <TouchableOpacity
-              onPress={async () => {
-                await haptic.selectionAsync();
-                router.back();
-              }}
-            >
-              <IconSet name="close" size={24} style={tailwind('text-zinc-100')} />
-            </TouchableOpacity>
-          ),
-        }}
-      />
-      <View style={tailwind('flex-1 items-center justify-center bg-zinc-900')}></View>
-    </>
-  );
-}
diff --git a/app/app/tabs/_layout.tsx b/app/app/tabs/_layout.tsx
index f14015f..476fddb 100644
--- a/app/app/tabs/_layout.tsx
+++ b/app/app/tabs/_layout.tsx
@@ -40,9 +40,10 @@ export default function TabsLayout(): JSX.Element {
         headerTitleStyle: tailwind('text-white'),
       }}
     >
-      <Tabs.Screen {...tabScreenProps({ route: 'index', title: 'Keys', icon: 'key' })} />
-      <Tabs.Screen {...tabScreenProps({ route: 'api', title: 'API', icon: 'API' })} />
-      <Tabs.Screen {...tabScreenProps({ route: 'scan', title: 'Scan', icon: 'scan1' })} />
+      <Tabs.Screen {...tabScreenProps({ route: 'index', title: 'Keychain', icon: 'key' })} />
+      <Tabs.Screen {...tabScreenProps({ route: 'api', title: 'API Requests', icon: 'API' })} />
+      {/* TODO(fuxingloh): implement scan. It is a planned feature, but removed it first to keep the development lean. */}
+      {/* <Tabs.Screen {...tabScreenProps({ route: 'scan', title: 'Scan', icon: 'scan1' })} /> */}
       <Tabs.Screen {...tabScreenProps({ route: 'settings', title: 'Settings', icon: 'setting' })} />
     </Tabs>
   );
diff --git a/app/app/tabs/api.tsx b/app/app/tabs/api.tsx
index 55e8c0e..d776747 100644
--- a/app/app/tabs/api.tsx
+++ b/app/app/tabs/api.tsx
@@ -1,15 +1,13 @@
-import { Stack } from 'expo-router';
 import { Text, View } from 'react-native';
 import { useTailwind } from 'tailwind-rn';
 
-export default function ApiPage(): JSX.Element {
+export default function ApiTab(): JSX.Element {
   const tailwind = useTailwind();
 
   return (
     <>
-      <Stack.Screen options={{ title: 'API' }} />
       <View style={tailwind('flex-1 items-center justify-center bg-zinc-900')}>
-        <Text style={tailwind('text-center text-xl text-white')}>API</Text>
+        <Text style={tailwind('text-center text-xl text-white')}>API Requests</Text>
       </View>
     </>
   );
diff --git a/app/app/tabs/index.tsx b/app/app/tabs/index.tsx
index 0f5904e..4edfb8f 100644
--- a/app/app/tabs/index.tsx
+++ b/app/app/tabs/index.tsx
@@ -1,12 +1,12 @@
 import { Text, View } from 'react-native';
 import { useTailwind } from 'tailwind-rn';
 
-export default function KeysPage(): JSX.Element {
+export default function KeychainTab(): JSX.Element {
   const tailwind = useTailwind();
   return (
     <>
       <View style={tailwind('flex-1 flex-col items-center justify-center bg-zinc-900')}>
-        <Text style={tailwind('text-center text-xl text-white')}>Keys</Text>
+        <Text style={tailwind('text-center text-xl text-white')}>Keychain</Text>
       </View>
     </>
   );
diff --git a/app/app/tabs/scan.tsx b/app/app/tabs/scan.tsx
deleted file mode 100644
index 5a67368..0000000
--- a/app/app/tabs/scan.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Text, View } from 'react-native';
-import { useTailwind } from 'tailwind-rn';
-
-export default function ScanPage(): JSX.Element {
-  const tailwind = useTailwind();
-
-  return (
-    <>
-      <View style={tailwind('flex-1 items-center justify-center bg-zinc-900')}>
-        <Text style={tailwind('text-center text-xl text-white')}>Scan</Text>
-      </View>
-    </>
-  );
-}
diff --git a/app/app/tabs/settings.tsx b/app/app/tabs/settings.tsx
index 03e699a..bf73941 100644
--- a/app/app/tabs/settings.tsx
+++ b/app/app/tabs/settings.tsx
@@ -7,7 +7,7 @@ import { useExternalLink } from '../ExternalLinkProvider';
 import { useHaptic } from '../HapticFeedback';
 import { IconSet } from '../IconSet';
 
-export default function SettingPage(): JSX.Element {
+export default function SettingsTab(): JSX.Element {
   const tailwind = useTailwind();
 
   return (
@@ -39,14 +39,6 @@ export default function SettingPage(): JSX.Element {
                   title: 'API Settings',
                 },
               },
-              {
-                type: 'select',
-                props: {
-                  to: '/scan/settings',
-                  icon: 'scan1',
-                  title: 'Scan Settings',
-                },
-              },
             ],
           },
           {