diff --git a/package/src/components/Message/MessageSimple/MessageReplies.tsx b/package/src/components/Message/MessageSimple/MessageReplies.tsx index ea0427b87..76b8de48b 100644 --- a/package/src/components/Message/MessageSimple/MessageReplies.tsx +++ b/package/src/components/Message/MessageSimple/MessageReplies.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ColorValue, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native'; +import { ColorValue, StyleSheet, Text, TouchableOpacity, View } from 'react-native'; import { MessageContextValue, @@ -28,15 +28,9 @@ const styles = StyleSheet.create({ }, leftMessageRepliesCurve: { borderBottomLeftRadius: 16, - borderRightColor: 'transparent', - ...Platform.select({ - android: { - borderRightWidth: 0, - }, - }), + borderRightWidth: 0, }, messageRepliesCurve: { - borderTopColor: 'transparent', borderTopWidth: 0, borderWidth: 1, height: 16, @@ -46,16 +40,11 @@ const styles = StyleSheet.create({ fontSize: 12, fontWeight: '700', paddingBottom: 5, - paddingLeft: 8, + paddingHorizontal: 8, }, rightMessageRepliesCurve: { borderBottomRightRadius: 16, - borderLeftColor: 'transparent', - ...Platform.select({ - android: { - borderLeftWidth: 0, - }, - }), + borderLeftWidth: 0, }, }); @@ -112,7 +101,7 @@ const MessageRepliesWithContext = < return ( {alignment === 'left' && ( - + {!noBorder && ( {alignment === 'right' && ( - + {!noBorder && ( {avatars.map((user, i) => ( diff --git a/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageReplies.test.js.snap b/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageReplies.test.js.snap index e59d9694a..7a3c134a1 100644 --- a/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageReplies.test.js.snap +++ b/package/src/components/Message/MessageSimple/__tests__/__snapshots__/MessageReplies.test.js.snap @@ -9,6 +9,11 @@ exports[`MessageReplies should render message replies 1`] = ` } >