diff --git a/App.tsx b/App.tsx
index 4a264f5..a584a19 100644
--- a/App.tsx
+++ b/App.tsx
@@ -67,7 +67,7 @@ export default function App() {
             <Drawer.Screen name="Onboarding" component={Onboarding} />
             <Drawer.Screen name="Revalidation" component={Revalidation} />
             <Drawer.Screen name="Activation" component={Activation} />
-            <Drawer.Screen name="UserInfo" component={UserInfo} />
+            <Drawer.Screen name="User Info" component={UserInfo} />
           </Drawer.Navigator>
         </NavigationContainer>
       </QueryClientProvider>
diff --git a/src/components/DrawerSettings/CustomDrawerContent.tsx b/src/components/DrawerSettings/CustomDrawerContent.tsx
index 845d732..93821ba 100644
--- a/src/components/DrawerSettings/CustomDrawerContent.tsx
+++ b/src/components/DrawerSettings/CustomDrawerContent.tsx
@@ -72,11 +72,11 @@ export default function CustomDrawerContent(props: {}) {
         <DrawerButton
           color={colors.blue_2}
           onPress={() => {
-            navigation.navigate("UserInfo");
+            navigation.navigate("User Info");
           }}
         >
           <UserIcon size={32} />
-          <Text style={styles.text_white_medium}>UserInfo</Text>
+          <Text style={styles.text_white_medium}>User Info</Text>
         </DrawerButton>
         <DrawerButton
           color={colors.blue_2}
diff --git a/src/routes/UserInfo/UserInfo.tsx b/src/routes/UserInfo/UserInfo.tsx
index b0b9f52..d521496 100644
--- a/src/routes/UserInfo/UserInfo.tsx
+++ b/src/routes/UserInfo/UserInfo.tsx
@@ -37,6 +37,7 @@ export default function UserInfo() {
       });
     },
   });
+
   const navigation = useNavigation<RootDrawerParamList>();
   const [isEditable, setIsEditable] = useState(false);
   const subjectOptions = ["", "", "", ""];