fix: message styles (#6541)

Author: diegolmello

app/containers/AudioPlayer/index.tsx

@@ -170,11 +170,7 @@ const AudioPlayer = ({
 	}
 
 	return (
-		<View
-			style={[
-				styles.audioContainer,
-				{ backgroundColor: colors.surfaceLight, borderColor: colors.strokeExtraLight, marginTop: 4 }
-			]}>
+		<View style={[styles.audioContainer, { backgroundColor: colors.surfaceLight, borderColor: colors.strokeExtraLight }]}>
 			<PlayButton disabled={disabled} audioState={audioState} onPress={onPress} />
 			<Seek currentTime={currentTime} duration={duration} loaded={!disabled && isDownloaded} onChangeTime={setPosition} />
 			{audioState === 'playing' || focused ? <PlaybackSpeed /> : null}

app/containers/AudioPlayer/styles.ts

@@ -10,8 +10,7 @@ const styles = StyleSheet.create({
 		alignItems: 'center',
 		height: 56,
 		borderWidth: 1,
-		borderRadius: 4,
-		marginBottom: 8
+		borderRadius: 4
 	},
 	playPauseButton: {
 		alignItems: 'center',

app/containers/MessageSeparator.tsx

@@ -11,9 +11,7 @@ const styles = StyleSheet.create({
 	container: {
 		flexDirection: 'row',
 		alignItems: 'center',
-		marginTop: 16,
-		marginBottom: 4,
-		marginHorizontal: 14
+		margin: 12
 	},
 	line: {
 		height: 1,