[FIX] Reply title should break text (#616)

__tests__/__snapshots__/Storyshots.test.js.snap

@@ -1156,6 +1156,47 @@ exports[`Storyshots Message list 1`] = `
     >
       View
     </View>
+    <View
+      style={
+        Object {
+          "flexDirection": "row",
+        }
+      }
+    >
+      View
+    </View>
+    <Text
+      style={
+        Array [
+          Object {
+            "fontSize": 20,
+            "fontWeight": "300",
+            "marginLeft": 10,
+            "marginTop": 30,
+          },
+          Object {
+            "marginBottom": 30,
+            "marginTop": 0,
+            "transform": Array [
+              Object {
+                "scaleY": -1,
+              },
+            ],
+          },
+        ]
+      }
+    >
+      Message with reply
+    </Text>
+    <View
+      style={
+        Object {
+          "flexDirection": "row",
+        }
+      }
+    >
+      View
+    </View>
     <Text
       style={
         Array [

app/containers/message/Reply.js

@@ -23,10 +23,12 @@ const styles = StyleSheet.create({
 		padding: 15
 	},
 	authorContainer: {
+		flex: 1,
 		flexDirection: 'row',
 		alignItems: 'center'
 	},
 	author: {
+		flex: 1,
 		color: '#1d74f5',
 		fontSize: 18,
 		fontWeight: '500',

storybook/stories/Message.js

@@ -231,6 +231,26 @@ export default (
 		/>
 		<Separator title='With audio' />
 
+		<Message
+			msg="I'm fine!"
+			attachments={[{
+				author_name: 'This is a long title and i\'ll break',
+				ts: date,
+				timeFormat: 'LT',
+				text: 'How are you?'
+			}]}
+		/>
+		<Message
+			msg="I'm fine!"
+			attachments={[{
+				author_name: 'rocket.cat',
+				ts: date,
+				timeFormat: 'LT',
+				text: 'How are you?'
+			}]}
+		/>
+		<Separator title='Message with reply' />
+
 		<Message
 			urls={[{
 				url: 'https://rocket.chat',