diff --git a/app/mobile/src/access/create/Create.jsx b/app/mobile/src/access/create/Create.jsx
index 5864c01b..99f0897a 100644
--- a/app/mobile/src/access/create/Create.jsx
+++ b/app/mobile/src/access/create/Create.jsx
@@ -41,17 +41,17 @@ export function Create() {
             <Ionicons style={styles.icon} name="database" size={18} color="#888888" />
             <TextInput style={styles.inputfield} value={state.server} onChangeText={actions.setServer}
                 autoCorrect={false} autoCapitalize="none" placeholder="server" placeholderTextColor={Colors.grey} />
-            <View style={styles.space}>
-              { (!state.server || !state.serverChecked) && (
-                <Text style={styles.required}>✻</Text>
-              )}
-              { state.server && state.serverChecked && !state.serverValid && (
-                <Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
-              )}
-              { state.server && state.serverChecked && state.serverValid && (
-                <Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
-              )}
-            </View>
+            { (!state.server || !state.serverChecked) && (
+              <View style={styles.required}>
+                <Text style={styles.requiredtest}>✻</Text>
+              </View>
+            )}
+            { state.server && state.serverChecked && !state.serverValid && (
+              <Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
+            )}
+            { state.server && state.serverChecked && state.serverValid && (
+              <Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
+            )}
           </View>
           <View style={styles.token}>
             { state.tokenRequired && (
@@ -82,17 +82,15 @@ export function Create() {
             <Ionicons style={styles.icon} name="user" size={18} color="#888888" />
             <TextInput style={styles.inputfield} value={state.username} onChangeText={actions.setUsername}
                 autoCorrect={false} autoCapitalize="none" placeholder="username" placeholderTextColor={Colors.grey} />
-            <View style={styles.space}>
-                { (!validServer || !validToken || !state.username || !state.usernameChecked) && (
-                  <Text style={styles.required}>✻</Text>
-                )}
-                { validServer && validToken && state.username && state.usernameChecked && !state.usernameValid && (
-                  <Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
-                )}
-                { validServer && validToken && state.username && state.usernameChecked && state.usernameValid && (
-                  <Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
-                )}
-            </View>
+            { (!validServer || !validToken || !state.username || !state.usernameChecked) && (
+              <Text style={styles.required}>✻</Text>
+            )}
+            { validServer && validToken && state.username && state.usernameChecked && !state.usernameValid && (
+              <Ionicons style={styles.icon} name="exclamationcircleo" size={18} color="#ff8888" />
+            )}
+            { validServer && validToken && state.username && state.usernameChecked && state.usernameValid && (
+              <Ionicons style={styles.icon} name="checkcircleo" size={18} color="#448866" />
+            )}
           </View>
           { state.showPassword && (
             <View style={styles.inputwrapper}>
diff --git a/app/mobile/src/access/create/Create.styled.js b/app/mobile/src/access/create/Create.styled.js
index 69bc1c11..68280808 100644
--- a/app/mobile/src/access/create/Create.styled.js
+++ b/app/mobile/src/access/create/Create.styled.js
@@ -11,6 +11,8 @@ export const styles = StyleSheet.create({
   },
   icon: {
     padding: 8,
+    width: 40,
+    textAlign: 'center',
   },
   demo: {
     alignItems: 'center',
@@ -31,6 +33,11 @@ export const styles = StyleSheet.create({
   required: {
     fontSize: 12,
     color: Colors.grey,
+    width: 32,
+    padding: 8,
+    textAlign: 'center',
+  },
+  requiredtext: {
     textAlignVertical: 'center',
   },
   container: {
@@ -103,7 +110,7 @@ export const styles = StyleSheet.create({
     alignItems: 'center',
   },
   inputfield: {
-    flex: 1,
+    flexGrow: 1,
     textAlign: 'center',
     padding: 8,
     color: Colors.text,
diff --git a/app/mobile/src/session/profile/useProfile.hook.js b/app/mobile/src/session/profile/useProfile.hook.js
index 8ee4e4ba..18a4a6a7 100644
--- a/app/mobile/src/session/profile/useProfile.hook.js
+++ b/app/mobile/src/session/profile/useProfile.hook.js
@@ -342,6 +342,9 @@ export function useProfile() {
     saveLogin: async () => {
       await account.actions.setLogin(state.editHandle, state.editPassword);
     },
+    setProfileImage: async (data) => {
+      await profile.actions.setProfileImage(data);
+    },
   };
 
   return { state, actions };