1 files changed, 28 insertions, 20 deletions
diff --git a/src/screens/suggestedPeople/SPBody.tsx b/src/screens/suggestedPeople/SPBody.tsx
index 16b5ae9b..21e86f14 100644
--- a/src/screens/suggestedPeople/SPBody.tsx
+++ b/src/screens/suggestedPeople/SPBody.tsx
@@ -12,8 +12,8 @@ import {
   ScreenType,
   SuggestedPeopleDataType,
 } from '../../types';
-import {normalize, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
-import UniversityIcon from '../../components/profile';
+import {isIPhoneX, normalize, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+import UniversityIcon from '../../components/profile/UniversityIcon';
 interface SPBodyProps {
   item: SuggestedPeopleDataType;
   index: number;
@@ -87,24 +87,22 @@ const SPBody: React.FC<SPBodyProps> = ({
     <View>
       {backgroundImage}
       <View style={styles.mainContainer}>
-        <Text style={styles.title}>{firstItem && 'Suggested People'}</Text>
-        <TouchableOpacity
-          style={{
-            backgroundColor: 'indianred',
-            width: 60,
-            height: 60,
-            borderRadius: 30,
-            borderWidth: 1,
-            borderColor: 'transparent',
-          }}
-          onPress={() =>
-            navigation.navigate('MutualBadgeHolders', {
-              badge_id: 40,
-              badge_title: 'Brown University Football',
-            })
-          }>
-          {/* <UniversityIcon university="brown" /> */}
-        </TouchableOpacity>
+        <View style={styles.topContainer}>
+          <Text style={styles.title}>{firstItem && 'Suggested People'}</Text>
+          <TouchableOpacity
+            onPress={() =>
+              navigation.navigate('MutualBadgeHolders', {
+                badge_id: 40,
+                badge_title: 'Brown University Football',
+              })
+            }>
+            <UniversityIcon
+              university="brown"
+              style={styles.universityIconContainer}
+              imageStyle={{width: normalize(31), height: normalize(38)}}
+            />
+          </TouchableOpacity>
+        </View>
         <View style={styles.body}>
           <View style={styles.marginManager}>
             <View style={styles.addUserContainer}>
@@ -149,6 +147,16 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     alignSelf: 'center',
   },
+  topContainer: {
+    height: isIPhoneX() ? SCREEN_HEIGHT * 0.11 : SCREEN_HEIGHT * 0.13,
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+  },
+  universityIconContainer: {
+    width: normalize(31),
+    height: normalize(38),
+    left: '5%',
+  },
   marginManager: {marginHorizontal: '5%'},
   image: {
     position: 'absolute',