2 files changed, 6 insertions, 11 deletions
diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx
index 0ceb8542..cde5b2e0 100644
--- a/src/components/moments/Moment.tsx
+++ b/src/components/moments/Moment.tsx
@@ -7,8 +7,8 @@ import ImagePicker from 'react-native-image-crop-picker';
 import LinearGradient from 'react-native-linear-gradient';
 import DeleteIcon from '../../assets/icons/delete-logo.svg';
 import DownIcon from '../../assets/icons/down_icon.svg';
-import PlusIcon from '../../assets/icons/plus_icon-01.svg';
-import BigPlusIcon from '../../assets/icons/plus_icon-02.svg';
+import PlusIcon from '../../assets/icons/plus-icon.svg';
+import BigPlusIcon from '../../assets/icons/plus-icon-white.svg';
 import UpIcon from '../../assets/icons/up_icon.svg';
 import {TAGG_LIGHT_BLUE} from '../../constants';
 import {ERROR_UPLOAD} from '../../constants/strings';
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),