1 files changed, 20 insertions, 12 deletions
diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx
index 53215d8a..c98b90f8 100644
--- a/src/screens/profile/InviteFriendsScreen.tsx
+++ b/src/screens/profile/InviteFriendsScreen.tsx
@@ -13,7 +13,7 @@ import {
   TouchableWithoutFeedback,
 } from 'react-native';
 import {useDispatch, useStore} from 'react-redux';
-import {ContactType, ProfilePreviewType, ScreenType} from '../../types';
+import {ProfilePreviewType, ScreenType} from '../../types';
 import {
   extractContacts,
   handleAddFriend,
@@ -22,7 +22,7 @@ import {
   SCREEN_HEIGHT,
   SCREEN_WIDTH,
 } from '../../utils';
-import {checkPermission, getAll} from 'react-native-contacts';
+import {checkPermission} from 'react-native-contacts';
 import {usersFromContactsService} from '../../services/UserFriendsService';
 import {ProfilePreview, TabsGradient} from '../../components';
 import Animated from 'react-native-reanimated';
@@ -158,7 +158,7 @@ const InviteFriendsScreen: React.FC<InviteFriendsScreenProps> = ({
   const NonUsersFromContacts = () => (
     <>
       <FlatList
-        contentContainerStyle={{paddingBottom: 130}}
+        contentContainerStyle={styles.nonUsersFlatListContainer}
         showsVerticalScrollIndicator={false}
         data={results.nonUsersFromContacts}
         keyExtractor={(item) => item.phoneNumber}
@@ -168,19 +168,13 @@ const InviteFriendsScreen: React.FC<InviteFriendsScreenProps> = ({
   );
 
   return (
-    <View style={{backgroundColor: 'white', height: SCREEN_HEIGHT}}>
+    <View style={styles.mainContainer}>
       <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
         <SafeAreaView>
           <StatusBar barStyle="dark-content" />
           <View style={styles.body}>
-            <View
-              style={{
-                width: 319,
-                height: 42,
-                alignSelf: 'center',
-                marginBottom: '2%',
-              }}>
-              <Text style={[styles.subheaderText, {textAlign: 'center'}]}>
+            <View style={styles.headerContainer}>
+              <Text style={styles.headerText}>
                 Sharing is caring, invite friends, and create moments together!
               </Text>
             </View>
@@ -229,11 +223,25 @@ const InviteFriendsScreen: React.FC<InviteFriendsScreenProps> = ({
 };
 
 const styles = StyleSheet.create({
+  mainContainer: {backgroundColor: 'white', height: SCREEN_HEIGHT},
   body: {
     paddingTop: HeaderHeight * 1.3,
     height: SCREEN_HEIGHT * 0.8,
     backgroundColor: '#fff',
   },
+  headerContainer: {
+    width: 319,
+    height: 42,
+    alignSelf: 'center',
+    marginBottom: '2%',
+  },
+  headerText: {
+    alignSelf: 'center',
+    width: SCREEN_WIDTH * 0.85,
+    marginBottom: '5%',
+    textAlign: 'center',
+  },
+  nonUsersFlatListContainer: {paddingBottom: 130},
   subheader: {
     alignSelf: 'center',
     width: SCREEN_WIDTH * 0.85,