1 files changed, 4 insertions, 9 deletions
diff --git a/src/components/profile/ProfileBadges.tsx b/src/components/profile/ProfileBadges.tsx
index 5ce776c2..aef52903 100644
--- a/src/components/profile/ProfileBadges.tsx
+++ b/src/components/profile/ProfileBadges.tsx
@@ -9,6 +9,7 @@ import {RootState} from '../../store/rootReducer';
 import {ScreenType, UniversityBadgeDisplayType} from '../../types';
 import {badgesToDisplayBadges, normalize} from '../../utils';
 import BadgeDetailView from '../common/BadgeDetailView';
+import PlusIconImage from '../../assets/icons/plus-icon-thin.svg';
 
 interface ProfileBadgesProps {
   userXId: string | undefined;
@@ -33,20 +34,13 @@ const ProfileBadges: React.FC<ProfileBadgesProps> = ({userXId, screenType}) => {
   const PlusIcon: FC = () => (
     <TouchableOpacity
       onPress={() => navigation.navigate('BadgeSelection', {editing: true})}>
-      <Image
-        source={require('../../assets/images/plus-icon-thin.png')}
-        style={styles.plus}
-      />
+      <PlusIconImage style={styles.plus} />
     </TouchableOpacity>
   );
 
   const CloseIcon: FC = () => (
     <TouchableOpacity onPress={() => setIsEditBadgeModalVisible(true)}>
-      {/* TODO: needs to be grey :shrug: */}
-      <Image
-        source={require('../../assets/images/plus-icon-thin.png')}
-        style={styles.close}
-      />
+      <PlusIconImage style={styles.close} />
     </TouchableOpacity>
   );
 
@@ -141,6 +135,7 @@ const styles = StyleSheet.create({
   plus: {
     width: normalize(31),
     height: normalize(31),
+    color: 'black',
   },
   close: {
     width: normalize(31),