2 files changed, 12 insertions, 2 deletions
diff --git a/src/components/common/FriendsButton.tsx b/src/components/common/FriendsButton.tsx
index c7f56e2d..243a551d 100644
--- a/src/components/common/FriendsButton.tsx
+++ b/src/components/common/FriendsButton.tsx
@@ -78,7 +78,6 @@ const styles = StyleSheet.create({
     borderRadius: 3,
     marginRight: '2%',
     marginLeft: '1%',
-    padding: 0,
     backgroundColor: 'transparent',
   },
   requestedButtonTitle: {
diff --git a/src/components/common/NavigationIcon.tsx b/src/components/common/NavigationIcon.tsx
index 4bf35360..1a9934f2 100644
--- a/src/components/common/NavigationIcon.tsx
+++ b/src/components/common/NavigationIcon.tsx
@@ -8,7 +8,13 @@ import {
 } from 'react-native';
 
 interface NavigationIconProps extends TouchableOpacityProps {
-  tab: 'Home' | 'Search' | 'Upload' | 'Notifications' | 'Profile';
+  tab:
+    | 'Home'
+    | 'Search'
+    | 'Upload'
+    | 'Notifications'
+    | 'Profile'
+    | 'SuggestedPeople';
   disabled?: boolean;
   newIcon?: boolean;
 }
@@ -43,6 +49,11 @@ const NavigationIcon = (props: NavigationIconProps) => {
         ? require('../../assets/navigationIcons/profile.png')
         : require('../../assets/navigationIcons/profile-clicked.png');
       break;
+    case 'SuggestedPeople':
+      imgSrc = props.disabled
+        ? require('../../assets/navigationIcons/suggested-people.png')
+        : require('../../assets/navigationIcons/suggested-people-clicked.png');
+      break;
     default:
       imgSrc = null;
   }