restyled to match figma

2 files changed, 9 insertions, 5 deletions

diff --git a/src/components/common/GenericMoreInfoDrawer.tsx b/src/components/common/GenericMoreInfoDrawer.tsx
index a23d7736..b91c38c8 100644
--- a/src/components/common/GenericMoreInfoDrawer.tsx
+++ b/src/components/common/GenericMoreInfoDrawer.tsx
@@ -8,6 +8,7 @@ import {
   ViewProps,
   ViewStyle,
 } from 'react-native';
+import { normalize } from 'react-native-elements';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 import {BottomDrawer} from '.';
 import {TAGG_LIGHT_BLUE} from '../../constants';
@@ -75,8 +76,10 @@ const styles = StyleSheet.create({
     borderTopRightRadius: 20,
   },
   panelButtonTitle: {
-    fontSize: 18,
-    fontWeight: 'bold',
+    fontSize: 17,
+    fontWeight: '600',
+    lineHeight: normalize(20),
+    letterSpacing: normalize(0.1),
   },
   icon: {
     height: 25,
diff --git a/src/components/profile/ProfileMoreInfoDrawer.tsx b/src/components/profile/ProfileMoreInfoDrawer.tsx
index 99b55685..f9cd81a7 100644
--- a/src/components/profile/ProfileMoreInfoDrawer.tsx
+++ b/src/components/profile/ProfileMoreInfoDrawer.tsx
@@ -1,9 +1,10 @@
 import {useNavigation} from '@react-navigation/native';
 import React from 'react';
-import {Image, StyleSheet, TouchableOpacity} from 'react-native';
+import {Image, StyleSheet, TouchableOpacity, View} from 'react-native';
 import {useSelector} from 'react-redux';
 import MoreIcon from '../../assets/icons/more_horiz-24px.svg';
 import PersonOutline from '../../assets/ionicons/person-outline.svg';
+import SuggestedOutline from '../../assets/ionicons/suggested-outline.svg';
 import {TAGG_DARK_BLUE, TAGG_LIGHT_BLUE} from '../../constants';
 import {RootState} from '../../store/rootreducer';
 import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
@@ -123,8 +124,8 @@ const styles = StyleSheet.create({
     zIndex: 1,
   },
   image: {
-    width: 20,
-    height: 20,
+    width: 25,
+    height: 25,
   },
 });