1 files changed, 20 insertions, 15 deletions
diff --git a/src/components/moments/TagFriendsFoooter.tsx b/src/components/moments/TagFriendsFoooter.tsx
index 6b8fc62a..7b109877 100644
--- a/src/components/moments/TagFriendsFoooter.tsx
+++ b/src/components/moments/TagFriendsFoooter.tsx
@@ -27,29 +27,23 @@ const TagFriendsFooter: React.FC<TagFriendsFooterProps> = ({
           selectedUsers: taggedUsers,
         })
       }
-      style={{
-        flexDirection: 'column',
-        alignItems: 'center',
-      }}>
+      style={styles.tagMoreContainer}>
       <Image
         source={require('../../assets/icons/tagging/white-plus-icon.png')}
-        style={{width: 38, height: 38, top: -2}}
+        style={styles.tagMoreIcon}
       />
-      <Text style={styles.taggMoreLabel}>{'Tagg More'}</Text>
+      <Text style={styles.tagMoreLabel}>{'Tagg More'}</Text>
     </TouchableOpacity>
   );
 
   const TaggedUser = (user: ProfilePreviewType) => (
-    <View style={{flexDirection: 'row-reverse'}} key={user.id}>
+    <View style={styles.taggedUserContainer} key={user.id}>
       <TouchableOpacity
         style={styles.closeIconContainer}
         onPress={() => handleRemoveTag(user)}>
         <Image
           source={require('../../assets/icons/tagging/x-icon.png')}
-          style={{
-            width: 20,
-            height: 20,
-          }}
+          style={styles.closeIcon}
         />
       </TouchableOpacity>
       <ProfilePreview
@@ -67,9 +61,7 @@ const TagFriendsFooter: React.FC<TagFriendsFooterProps> = ({
    */
   const TagFriendsTitle = () => (
     <TouchableOpacity
-      style={{
-        flexDirection: 'row',
-      }}
+      style={styles.tagFriendsTitleContainer}
       disabled={taggedUsers.length !== 0}
       onPress={() =>
         navigation.navigate('TagSelectionScreen', {
@@ -112,7 +104,7 @@ const styles = StyleSheet.create({
     flexWrap: 'wrap',
     justifyContent: 'flex-start',
   },
-  taggMoreLabel: {
+  tagMoreLabel: {
     fontWeight: '500',
     fontSize: normalize(9),
     lineHeight: normalize(10),
@@ -127,6 +119,19 @@ const styles = StyleSheet.create({
     right: -20,
     zIndex: 1,
   },
+  tagMoreContainer: {
+    flexDirection: 'column',
+    alignItems: 'center',
+  },
+  tagMoreIcon: {width: 38, height: 38, top: -2},
+  taggedUserContainer: {flexDirection: 'row-reverse'},
+  closeIcon: {
+    width: 20,
+    height: 20,
+  },
+  tagFriendsTitleContainer: {
+    flexDirection: 'row',
+  },
 });
 
 export default TagFriendsFooter;