diff --git a/components/ui/button/stepButton.tsx b/components/ui/button/stepButton.tsx
index 60c9a9c..ab21bcb 100644
--- a/components/ui/button/stepButton.tsx
+++ b/components/ui/button/stepButton.tsx
@@ -20,7 +20,7 @@ const StepButton = (props: Props) => {
             {isLoading ? (
                 <ActivityIndicator color="#fff" />
             ) : (
-                <ThemedText style={[styles.buttonText, { color: color ? color : '#FFFFFF' }]}>
+                <ThemedText style={[styles.buttonText, { color: color ? color : '#FFFFFF' }]} size='lg' weight='bold'>
                     {text}
                 </ThemedText>
             )}
diff --git a/components/user-message.tsx/done.tsx b/components/user-message.tsx/done.tsx
index 3005afd..42fec08 100644
--- a/components/user-message.tsx/done.tsx
+++ b/components/user-message.tsx/done.tsx
@@ -181,7 +181,7 @@ const styles = StyleSheet.create({
         zIndex: 99,
     },
     title: {
-        fontSize: 36,
+        fontSize: 32,
         lineHeight: 40,
         color: '#FFFFFF',
         textAlign: 'center',
diff --git a/components/user-message.tsx/look.tsx b/components/user-message.tsx/look.tsx
index 6084730..af91993 100644
--- a/components/user-message.tsx/look.tsx
+++ b/components/user-message.tsx/look.tsx
@@ -29,7 +29,7 @@ export default function Look(props: Props) {
                 <ThemedText style={styles.title}>
                     {t('auth.userMessage.look', { ns: 'login' })}
                 </ThemedText>
-                <ThemedText style={styles.subtitle}>
+                <ThemedText style={styles.subtitle} type="inter" size="sm" weight="regular">
                     {t('auth.userMessage.avatarText', { ns: 'login' })}
                     {"\n"}
                     {t('auth.userMessage.avatorText2', { ns: 'login' })}
@@ -55,7 +55,7 @@ export default function Look(props: Props) {
                     children={
                         <View style={styles.uploadButton}>
                             <ChoicePhoto />
-                            <ThemedText style={styles.uploadButtonText}>
+                            <ThemedText style={styles.uploadButtonText} type="sfPro" size="sm" weight="semiBold">
                                 {t('auth.userMessage.choosePhoto', { ns: 'login' })}
                             </ThemedText>
                         </View>
@@ -78,7 +78,7 @@ export default function Look(props: Props) {
                     color="#4C320C"
                 />
             </View>
-        </View>
+        </View >
     );
 }
 
@@ -123,9 +123,7 @@ const styles = StyleSheet.create({
         gap: 8,
     },
     uploadButtonText: {
-        color: '#4C320C',
-        fontSize: 14,
-        fontWeight: '600',
+        color: '#4C320C'
     },
     footer: {
         width: '100%',
diff --git a/components/user-message.tsx/userName.tsx b/components/user-message.tsx/userName.tsx
index 9054563..0340bca 100644
--- a/components/user-message.tsx/userName.tsx
+++ b/components/user-message.tsx/userName.tsx
@@ -39,11 +39,11 @@ export default function UserName(props: Props) {
                 <View style={[styles.inputContainer, { paddingBottom: insets.bottom }]}>
                     <View style={styles.contentContainer}>
                         <View style={styles.titleContainer}>
-                            <ThemedText style={styles.titleText}>{t('auth.userMessage.title', { ns: 'login' })}</ThemedText>
+                            <ThemedText style={styles.titleText} color="textSecondary" size='xl' weight='bold'>{t('auth.userMessage.title', { ns: 'login' })}</ThemedText>
                         </View>
                         <View style={styles.inputWrapper}>
                             <View style={styles.labelContainer}>
-                                <ThemedText style={styles.labelText}>{t('auth.userMessage.username', { ns: 'login' })}</ThemedText>
+                                <ThemedText style={styles.labelText} color="textPrimary" type='sfPro' size='sm' weight='bold'>{t('auth.userMessage.username', { ns: 'login' })}</ThemedText>
                                 <ThemedText style={styles.errorText}>{error}</ThemedText>
                             </View>
                             <TextInput
@@ -98,9 +98,6 @@ const styles = StyleSheet.create({
         fontSize: 20,
     },
     titleText: {
-        color: '#4C320C',
-        fontWeight: '600',
-        fontSize: 20,
         marginBottom: 16,
     },
     inputWrapper: {