3 files changed, 21 insertions, 16 deletions
diff --git a/src/assets/images/welcome.png b/src/assets/images/welcome.png
index 46ab4f9f..62b46077 100644
--- a/src/assets/images/welcome.png
+++ b/src/assets/images/welcome.png
diff --git a/src/screens/onboarding/Login.tsx b/src/screens/onboarding/Login.tsx
index 8974e000..63296ede 100644
--- a/src/screens/onboarding/Login.tsx
+++ b/src/screens/onboarding/Login.tsx
@@ -31,7 +31,7 @@ import {
 import {OnboardingStackParams} from '../../routes/onboarding';
 import {fcmService} from '../../services';
 import {BackgroundGradientType, UserType} from '../../types';
-import {userLogin} from '../../utils';
+import {normalize, userLogin} from '../../utils';
 
 type VerificationScreenRouteProp = RouteProp<OnboardingStackParams, 'Login'>;
 type VerificationScreenNavigationProp = StackNavigationProp<
@@ -322,13 +322,16 @@ const styles = StyleSheet.create({
     marginBottom: '10%',
   },
   forgotPassword: {
-    marginTop: 10,
-    marginBottom: 15,
+    alignSelf: 'flex-start',
+    marginVertical: '1%',
+    borderBottomWidth: 1,
+    paddingBottom: '1%',
+    left: '3%',
+    borderBottomColor: 'white',
   },
   forgotPasswordText: {
-    fontSize: 14,
+    fontSize: normalize(14),
     color: '#fff',
-    textDecorationLine: 'underline',
   },
   start: {
     width: 144,
diff --git a/src/screens/onboarding/WelcomeScreen.tsx b/src/screens/onboarding/WelcomeScreen.tsx
index 96d3f929..7e18cb99 100644
--- a/src/screens/onboarding/WelcomeScreen.tsx
+++ b/src/screens/onboarding/WelcomeScreen.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import {StyleSheet, View, Text, Image, TouchableOpacity} from 'react-native';
-import {SCREEN_WIDTH} from '../../utils';
+import {normalize, SCREEN_WIDTH} from '../../utils';
 import {Background} from '../../components';
 import {OnboardingStackParams} from '../../routes';
 import {StackNavigationProp} from '@react-navigation/stack';
@@ -29,7 +29,7 @@ const WelcomeScreen: React.FC<WelcomeScreenProps> = ({navigation}) => {
       />
 
       <View>
-        <Text style={styles.header}>Welcome to TAGG!</Text>
+        <Text style={styles.header}>Welcome to Tagg!</Text>
         <Text style={styles.subtext}>
           Tagg is the new social networking platform for you! It will help you
           create your own personalized digital space where you can express who
@@ -53,26 +53,28 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',
+    marginTop: '10%',
   },
   image: {
-    width: SCREEN_WIDTH,
-    height: SCREEN_WIDTH,
+    width: SCREEN_WIDTH * 0.9,
+    height: SCREEN_WIDTH * 0.9,
   },
   header: {
     color: '#fff',
-    fontSize: 32,
-    fontWeight: '600',
+    fontSize: normalize(28),
+    fontWeight: '700',
     textAlign: 'center',
     marginBottom: '4%',
     marginHorizontal: '10%',
   },
   subtext: {
     color: '#fff',
-    fontSize: 16,
-    fontWeight: '600',
+    fontSize: normalize(17),
+    fontWeight: '500',
     textAlign: 'center',
-    marginBottom: '15%',
+    marginBottom: '10%',
     marginHorizontal: '10%',
+    lineHeight: normalize(25),
   },
   nextButton: {
     backgroundColor: '#8F01FF',
@@ -86,8 +88,8 @@ const styles = StyleSheet.create({
     marginBottom: '15%',
   },
   nextButtonLabel: {
-    fontSize: 30,
-    fontWeight: '500',
+    fontSize: normalize(20),
+    fontWeight: '700',
     color: '#ddd',
   },
 });