Finish styling badges

1 files changed, 10 insertions, 3 deletions

diff --git a/src/components/suggestedPeople/BadgeIcon.tsx b/src/components/suggestedPeople/BadgeIcon.tsx
index e8425308..8f576a43 100644
--- a/src/components/suggestedPeople/BadgeIcon.tsx
+++ b/src/components/suggestedPeople/BadgeIcon.tsx
@@ -1,6 +1,12 @@
 import {useNavigation} from '@react-navigation/core';
 import React from 'react';
-import {Image, ImageSourcePropType, StyleSheet} from 'react-native';
+import {
+  Image,
+  ImageSourcePropType,
+  StyleProp,
+  StyleSheet,
+  ViewStyle,
+} from 'react-native';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import LinearGradient from 'react-native-linear-gradient';
 import {UniversityBadge} from '../../types';
@@ -9,13 +15,14 @@ import {normalize} from '../../utils';
 interface BadgeIconProps {
   badge: UniversityBadge;
   img: ImageSourcePropType;
+  style?: StyleProp<ViewStyle>;
 }
 
-const BadgeIcon: React.FC<BadgeIconProps> = ({badge, img}) => {
+const BadgeIcon: React.FC<BadgeIconProps> = ({badge, img, style}) => {
   const navigation = useNavigation();
   return (
     <TouchableOpacity
-      style={styles.badgeButton}
+      style={[styles.badgeButton, style]}
       onPress={() => {
         navigation.navigate('MutualBadgeHolders', {
           badge_id: badge.id,