Add more styling to choosing category screen

1 files changed, 6 insertions, 4 deletions

diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx
index a8664d85..280319b4 100644
--- a/src/screens/profile/CaptionScreen.tsx
+++ b/src/screens/profile/CaptionScreen.tsx
@@ -224,13 +224,15 @@ const CaptionScreen: React.FC<CaptionScreenProps> = ({route, navigation}) => {
     onPress: () => void;
   }> = ({text, imageUri, onPress}) => {
     return (
-      <TouchableOpacity onPress={onPress} style={styles.tagFriendsContainer}>
+      <TouchableOpacity
+        onPress={onPress}
+        style={styles.selectableItemContainer}>
         <View style={styles.row}>
           {text === 'Category' && !momentCategory && (
             <Text style={styles.asteriskText}>* </Text>
           )}
           <Image style={styles.tagIcon} source={imageUri} />
-          <Text style={styles.tagFriendsTitle}>{text}</Text>
+          <Text style={styles.selectableItemTitle}>{text}</Text>
         </View>
         <View style={styles.row}>
           {text === 'Tag Friends' && (
@@ -359,14 +361,14 @@ const styles = StyleSheet.create({
   flex: {
     flex: 1,
   },
-  tagFriendsTitle: {
+  selectableItemTitle: {
     color: 'white',
     fontSize: normalize(14),
     lineHeight: normalize(16.71),
     letterSpacing: normalize(0.3),
     fontWeight: '600',
   },
-  tagFriendsContainer: {
+  selectableItemContainer: {
     marginHorizontal: '5%',
     flexDirection: 'row',
     justifyContent: 'space-between',