diff --git a/app/login.tsx b/app/login.tsx
index 2aeef5d..6f39bb7 100644
--- a/app/login.tsx
+++ b/app/login.tsx
@@ -135,10 +135,15 @@ export default function LoginScreen() {
           onChange={handleChange}
         ></TextInput>
       </View>
-      <Text style={styles.topText}>
-        Not working? Try <Link href="/tokenLogin">Token Login</Link>
-      </Text>
-      <Text>{error}</Text>
+      <View style={{ flex: 1 }}>
+        <Text style={[{ color: "white" }]}>
+          Not working? Try{" "}
+          <Link href="/tokenLogin" style={{ fontWeight: "bold" }}>
+            Token Login
+          </Link>
+        </Text>
+        <Text style={{ color: "red" }}>{error}</Text>
+      </View>
       <Pressable
         style={styles.buttonContainer}
         onPress={trySendOTP}
@@ -189,7 +194,6 @@ const styles = StyleSheet.create({
     alignItems: "center",
   },
   container: {
-    flex: 1,
     flexDirection: "row",
     gap: 8,
     alignItems: "flex-start",
diff --git a/app/tokenLogin.tsx b/app/tokenLogin.tsx
index 9191ebb..195a2e5 100644
--- a/app/tokenLogin.tsx
+++ b/app/tokenLogin.tsx
@@ -8,8 +8,8 @@ export default function TokenLogin() {
   const [accessToken, setAccessToken] = useState<string>("");
   const [refreshToken, setRefreshToken] = useState<string>("");
   async function login() {
-    AsyncStorage.setItem("authToken", accessToken);
-    AsyncStorage.setItem("refreshToken", refreshToken);
+    await AsyncStorage.setItem("authToken", accessToken);
+    await AsyncStorage.setItem("refreshToken", refreshToken);
     router.push("/onboarding");
   }
   const [error, setError] = useState<string>("");