Clean up styles

1 files changed, 14 insertions, 13 deletions

diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx
index 2fe30645..188ccc1f 100644
--- a/src/screens/profile/CaptionScreen.tsx
+++ b/src/screens/profile/CaptionScreen.tsx
@@ -168,7 +168,14 @@ const CaptionScreen: React.FC<CaptionScreenProps> = ({route, navigation}) => {
               onChange={setCaption}
               partTypes={mentionPartTypes('blue')}
             />
-            <View
+            <TouchableOpacity
+              onPress={() =>
+                navigation.navigate('TagFriendsScreen', {
+                  image: image,
+                  screenType: screenType,
+                  selectedUsers: taggedUsers,
+                })
+              }
               style={{
                 marginHorizontal: '5%',
                 marginTop: '3%',
@@ -194,17 +201,8 @@ const CaptionScreen: React.FC<CaptionScreenProps> = ({route, navigation}) => {
                 {taggedList}
                 {taggedList.length > 21 ? '. . .' : ''}
               </Text>
-              <TouchableOpacity
-                onPress={() =>
-                  navigation.navigate('TagFriendsScreen', {
-                    image: image,
-                    screenType: screenType,
-                    selectedUsers: taggedUsers,
-                  })
-                }>
-                <FrontArrow width={12} height={12} color={'white'} />
-              </TouchableOpacity>
-            </View>
+              <FrontArrow width={12} height={12} color={'white'} />
+            </TouchableOpacity>
           </View>
         </KeyboardAvoidingView>
       </TouchableWithoutFeedback>
@@ -256,7 +254,10 @@ const styles = StyleSheet.create({
     letterSpacing: normalize(0.3),
     fontWeight: '600',
   },
-  tagFriendsContainer: {flexDirection: 'row', marginTop: '3%'},
+  tagFriendsContainer: {
+    flexDirection: 'row',
+    marginTop: '3%',
+  },
 });
 
 export default CaptionScreen;