diff --git a/app/mobile/src/session/settings/Settings.jsx b/app/mobile/src/session/settings/Settings.jsx
index fe77fee9..e7b3d9f7 100644
--- a/app/mobile/src/session/settings/Settings.jsx
+++ b/app/mobile/src/session/settings/Settings.jsx
@@ -234,7 +234,7 @@ export function Settings({ drawer }) {
{ state.strings.mfaTitle }
+ trackColor={styles.track} onValueChange={toggleMFA} />
@@ -894,7 +894,7 @@ export function Settings({ drawer }) {
>
-
+
{ state.strings.mfaTitle }
{ state.strings.mfaSteps }
@@ -935,7 +935,7 @@ export function Settings({ drawer }) {
)}
-
+
diff --git a/app/mobile/src/utils/InputCode.jsx b/app/mobile/src/utils/InputCode.jsx
index 612b7533..be995aa4 100644
--- a/app/mobile/src/utils/InputCode.jsx
+++ b/app/mobile/src/utils/InputCode.jsx
@@ -1,13 +1,17 @@
import { TextInput, Text, View, TouchableOpacity } from 'react-native';
-import { useState } from 'react';
+import { useState, useRef } from 'react';
export function InputCode({ onChangeText, style }) {
const [code, setCode] = useState('');
+ const ref = useRef();
const updateCode = (value) => {
if (value.length >= 6) {
onChangeText(value.slice(0, 6));
+ if (ref.current) {
+ ref.current.blur();
+ }
}
else {
onChangeText('');
@@ -38,7 +42,7 @@ export function InputCode({ onChangeText, style }) {
{ code.charAt(5) }
-
+
);