diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index 831f2b7e8..34962552e 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -209,29 +209,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -435,29 +437,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -661,29 +665,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    ...
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      ...
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -869,29 +875,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Different user
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Different user
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -959,29 +967,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    This is the third message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      This is the third message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -1049,29 +1059,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    This is the second message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      This is the second message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -1257,29 +1269,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    This is the first message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      This is the first message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -1365,29 +1379,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -1605,29 +1621,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -1827,29 +1845,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -2053,29 +2073,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -2304,30 +2326,32 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Testing block quote
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Testing block quote
+                        </Text>
                       </Text>
                     </View>
                   </View>
@@ -2540,30 +2564,32 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Testing block quote
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Testing block quote
+                        </Text>
                       </Text>
                     </View>
                   </View>
@@ -2577,29 +2603,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Testing block quote
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Testing block quote
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -2835,31 +2863,33 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Dogs
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Dogs
+                        </Text>
                       </Text>
                     </View>
                     <View
@@ -2903,33 +2933,35 @@ exports[`Storyshots Message list 1`] = `
                             }
                           }
                         >
-                          <Text
-                            numberOfLines={0}
-                            style={
-                              Array [
-                                Object {
-                                  "backgroundColor": "transparent",
-                                  "color": "#2F343D",
-                                  "fontFamily": "System",
-                                  "fontSize": 16,
-                                  "fontWeight": "400",
-                                },
-                                undefined,
-                                undefined,
-                                undefined,
-                                undefined,
-                                Object {
-                                  "alignItems": "flex-start",
-                                  "flexDirection": "row",
-                                  "flexWrap": "wrap",
-                                  "justifyContent": "flex-start",
-                                  "marginBottom": 0,
-                                  "marginTop": 0,
-                                },
-                              ]
-                            }
-                          >
-                            cats
+                          <Text>
+                            <Text
+                              numberOfLines={0}
+                              style={
+                                Array [
+                                  Object {
+                                    "backgroundColor": "transparent",
+                                    "color": "#2F343D",
+                                    "fontFamily": "System",
+                                    "fontSize": 16,
+                                    "fontWeight": "400",
+                                  },
+                                  undefined,
+                                  undefined,
+                                  undefined,
+                                  undefined,
+                                  Object {
+                                    "alignItems": "flex-start",
+                                    "flexDirection": "row",
+                                    "flexWrap": "wrap",
+                                    "justifyContent": "flex-start",
+                                    "marginBottom": 0,
+                                    "marginTop": 0,
+                                  },
+                                ]
+                              }
+                            >
+                              cats
+                            </Text>
                           </Text>
                         </View>
                       </View>
@@ -2975,33 +3007,35 @@ exports[`Storyshots Message list 1`] = `
                             }
                           }
                         >
-                          <Text
-                            numberOfLines={0}
-                            style={
-                              Array [
-                                Object {
-                                  "backgroundColor": "transparent",
-                                  "color": "#2F343D",
-                                  "fontFamily": "System",
-                                  "fontSize": 16,
-                                  "fontWeight": "400",
-                                },
-                                undefined,
-                                undefined,
-                                undefined,
-                                undefined,
-                                Object {
-                                  "alignItems": "flex-start",
-                                  "flexDirection": "row",
-                                  "flexWrap": "wrap",
-                                  "justifyContent": "flex-start",
-                                  "marginBottom": 0,
-                                  "marginTop": 0,
-                                },
-                              ]
-                            }
-                          >
-                            cats
+                          <Text>
+                            <Text
+                              numberOfLines={0}
+                              style={
+                                Array [
+                                  Object {
+                                    "backgroundColor": "transparent",
+                                    "color": "#2F343D",
+                                    "fontFamily": "System",
+                                    "fontSize": 16,
+                                    "fontWeight": "400",
+                                  },
+                                  undefined,
+                                  undefined,
+                                  undefined,
+                                  undefined,
+                                  Object {
+                                    "alignItems": "flex-start",
+                                    "flexDirection": "row",
+                                    "flexWrap": "wrap",
+                                    "justifyContent": "flex-start",
+                                    "marginBottom": 0,
+                                    "marginTop": 0,
+                                  },
+                                ]
+                              }
+                            >
+                              cats
+                            </Text>
                           </Text>
                         </View>
                       </View>
@@ -3241,31 +3275,33 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Dogs
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Dogs
+                        </Text>
                       </Text>
                     </View>
                   </View>
@@ -3311,31 +3347,33 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Cats
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Cats
+                        </Text>
                       </Text>
                     </View>
                   </View>
@@ -3573,31 +3611,33 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Dogs
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Dogs
+                        </Text>
                       </Text>
                     </View>
                   </View>
@@ -3699,31 +3739,33 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Cats
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Cats
+                        </Text>
                       </Text>
                     </View>
                   </View>
@@ -3929,29 +3971,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -4155,29 +4199,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -4381,176 +4427,178 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "#E8F2FF",
-                        "color": "#0072FE",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "500",
-                        "padding": 5,
-                      }
-                    }
-                  >
-                    @rocket.cat
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                  <Text>
+                    <Text
+                      onPress={[Function]}
+                      style={
                         Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
+                          "backgroundColor": "#E8F2FF",
+                          "color": "#0072FE",
                           "fontFamily": "System",
                           "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
-                  </Text>
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "#1d74f5",
-                        "color": "#fff",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "500",
-                        "padding": 5,
+                          "fontWeight": "500",
+                          "padding": 5,
+                        }
                       }
-                    }
-                  >
-                    @diego.mello
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                    >
+                      @rocket.cat
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       
+                    </Text>
+                    <Text
+                      onPress={[Function]}
+                      style={
                         Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
+                          "backgroundColor": "#1d74f5",
+                          "color": "#fff",
                           "fontFamily": "System",
                           "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
-                  </Text>
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "#FF5B5A",
-                        "color": "#fff",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "500",
-                        "padding": 5,
+                          "fontWeight": "500",
+                          "padding": 5,
+                        }
                       }
-                    }
-                  >
-                    @all
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                    >
+                      @diego.mello
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       
+                    </Text>
+                    <Text
+                      onPress={[Function]}
+                      style={
                         Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
+                          "backgroundColor": "#FF5B5A",
+                          "color": "#fff",
                           "fontFamily": "System",
                           "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
-                  </Text>
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "#FF5B5A",
-                        "color": "#fff",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "500",
-                        "padding": 5,
+                          "fontWeight": "500",
+                          "padding": 5,
+                        }
                       }
-                    }
-                  >
-                    @here
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                    >
+                      @all
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       
+                    </Text>
+                    <Text
+                      onPress={[Function]}
+                      style={
                         Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
+                          "backgroundColor": "#FF5B5A",
+                          "color": "#fff",
                           "fontFamily": "System",
                           "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
-                  </Text>
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "#E8F2FF",
-                        "color": "#0072FE",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "500",
-                        "padding": 5,
+                          "fontWeight": "500",
+                          "padding": 5,
+                        }
                       }
-                    }
-                  >
-                    #general
+                    >
+                      @here
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       
+                    </Text>
+                    <Text
+                      onPress={[Function]}
+                      style={
+                        Object {
+                          "backgroundColor": "#E8F2FF",
+                          "color": "#0072FE",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "padding": 5,
+                        }
+                      }
+                    >
+                      #general
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -4754,29 +4802,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 30,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    👊🤙👏
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 30,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      👊🤙👏
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -4980,29 +5030,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 30,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    👏
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 30,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      👏
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -5206,93 +5258,152 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                  <Text>
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 30,
+                            "width": 30,
+                          },
+                        ]
                       }
-                    }
-                    style={
-                      Object {
-                        "height": 30,
-                        "width": 30,
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 30,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
                       }
-                    }
-                  />
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 30,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
+                    >
+                       
+                    </Text>
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 30,
+                            "width": 30,
+                          },
+                        ]
+                      }
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 30,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       
+                    </Text>
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 30,
+                            "width": 30,
+                          },
+                        ]
+                      }
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
                   </Text>
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
-                      }
-                    }
-                    style={
-                      Object {
-                        "height": 30,
-                        "width": 30,
-                      }
-                    }
-                  />
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 30,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
-                  </Text>
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
-                      }
-                    }
-                    style={
-                      Object {
-                        "height": 30,
-                        "width": 30,
-                      }
-                    }
-                  />
                 </View>
               </View>
             </View>
@@ -5495,19 +5606,40 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                  <Text>
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 30,
+                            "width": 30,
+                          },
+                        ]
                       }
-                    }
-                    style={
-                      Object {
-                        "height": 30,
-                        "width": 30,
-                      }
-                    }
-                  />
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
+                  </Text>
                 </View>
               </View>
             </View>
@@ -5710,43 +5842,64 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 30,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    🤙
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 30,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      🤙
+                    </Text>
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 30,
+                            "width": 30,
+                          },
+                        ]
+                      }
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
                   </Text>
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
-                      }
-                    }
-                    style={
-                      Object {
-                        "height": 30,
-                        "width": 30,
-                      }
-                    }
-                  />
                 </View>
               </View>
             </View>
@@ -5949,66 +6102,87 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 30,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    🤙
-                  </Text>
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 30,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
                       }
-                    }
-                    style={
-                      Object {
-                        "height": 30,
-                        "width": 30,
+                    >
+                      🤙
+                    </Text>
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 30,
+                            "width": 30,
+                          },
+                        ]
                       }
-                    }
-                  />
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 30,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    🤙🤙
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 30,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      🤙🤙
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -6212,29 +6386,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Testing
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Testing
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -6438,29 +6614,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Reactions
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Reactions
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -6592,20 +6770,39 @@ exports[`Storyshots Message list 1`] = `
                       ]
                     }
                   >
-                    <Image
-                      source={
-                        Object {
-                          "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
-                        }
-                      }
+                    <View
                       style={
-                        Object {
-                          "height": 19,
-                          "marginLeft": 7,
-                          "width": 19,
-                        }
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 19,
+                            "marginLeft": 7,
+                            "width": 19,
+                          },
+                        ]
                       }
-                    />
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
                     <Text
                       style={
                         Object {
@@ -6964,29 +7161,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Multiple Reactions
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Multiple Reactions
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -7045,20 +7244,39 @@ exports[`Storyshots Message list 1`] = `
                       ]
                     }
                   >
-                    <Image
-                      source={
-                        Object {
-                          "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
-                        }
-                      }
+                    <View
                       style={
-                        Object {
-                          "height": 19,
-                          "marginLeft": 7,
-                          "width": 19,
-                        }
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 19,
+                            "marginLeft": 7,
+                            "width": 19,
+                          },
+                        ]
                       }
-                    />
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
                     <Text
                       style={
                         Object {
@@ -7122,20 +7340,39 @@ exports[`Storyshots Message list 1`] = `
                       ]
                     }
                   >
-                    <Image
-                      source={
-                        Object {
-                          "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
-                        }
-                      }
+                    <View
                       style={
-                        Object {
-                          "height": 19,
-                          "marginLeft": 7,
-                          "width": 19,
-                        }
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 19,
+                            "marginLeft": 7,
+                            "width": 19,
+                          },
+                        ]
                       }
-                    />
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
                     <Text
                       style={
                         Object {
@@ -7199,20 +7436,39 @@ exports[`Storyshots Message list 1`] = `
                       ]
                     }
                   >
-                    <Image
-                      source={
-                        Object {
-                          "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
-                        }
-                      }
+                    <View
                       style={
-                        Object {
-                          "height": 19,
-                          "marginLeft": 7,
-                          "width": 19,
-                        }
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 19,
+                            "marginLeft": 7,
+                            "width": 19,
+                          },
+                        ]
                       }
-                    />
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
                     <Text
                       style={
                         Object {
@@ -7863,29 +8119,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Fourth message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Fourth message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -8071,29 +8329,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Third message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Third message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -8279,29 +8539,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Second message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Second message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -8487,29 +8749,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    First message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      First message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -8713,29 +8977,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Fourth message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Fourth message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -8986,29 +9252,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Third message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Third message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -9123,29 +9391,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Second message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Second message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -9331,29 +9601,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Second message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Second message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -9578,29 +9850,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    First message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      First message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -9859,28 +10133,30 @@ exports[`Storyshots Message list 1`] = `
                       }
                     }
                   >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                        ]
-                      }
-                    >
-                      This is a description
+                    <Text>
+                      <Text
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                          ]
+                        }
+                      >
+                        This is a description
+                      </Text>
                     </Text>
                   </View>
                 </View>
@@ -10122,42 +10398,63 @@ exports[`Storyshots Message list 1`] = `
                       }
                     }
                   >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                        ]
-                      }
-                    >
-                      This is a description 
+                    <Text>
+                      <Text
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                          ]
+                        }
+                      >
+                        This is a description 
+                      </Text>
+                      <View
+                        style={
+                          Array [
+                            Object {
+                              "overflow": "hidden",
+                            },
+                            Object {
+                              "height": 20,
+                              "width": 20,
+                            },
+                          ]
+                        }
+                      >
+                        <FastImageView
+                          resizeMode="contain"
+                          source={
+                            Object {
+                              "priority": "high",
+                              "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+                            }
+                          }
+                          style={
+                            Object {
+                              "bottom": 0,
+                              "left": 0,
+                              "position": "absolute",
+                              "right": 0,
+                              "top": 0,
+                            }
+                          }
+                        />
+                      </View>
                     </Text>
-                    <Image
-                      source={
-                        Object {
-                          "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
-                        }
-                      }
-                      style={
-                        Object {
-                          "height": 20,
-                          "width": 20,
-                        }
-                      }
-                    />
                   </View>
                 </View>
               </View>
@@ -10408,42 +10705,63 @@ exports[`Storyshots Message list 1`] = `
                   }
                 }
               >
-                <Text
-                  style={
-                    Array [
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#2F343D",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
-                      },
-                      Object {
-                        "alignItems": "flex-start",
-                        "flexDirection": "row",
-                        "flexWrap": "wrap",
-                        "justifyContent": "flex-start",
-                        "marginBottom": 0,
-                        "marginTop": 0,
-                      },
-                    ]
-                  }
-                >
-                  This is a description 
+                <Text>
+                  <Text
+                    style={
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "color": "#2F343D",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                        },
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ]
+                    }
+                  >
+                    This is a description 
+                  </Text>
+                  <View
+                    style={
+                      Array [
+                        Object {
+                          "overflow": "hidden",
+                        },
+                        Object {
+                          "height": 20,
+                          "width": 20,
+                        },
+                      ]
+                    }
+                  >
+                    <FastImageView
+                      resizeMode="contain"
+                      source={
+                        Object {
+                          "priority": "high",
+                          "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+                        }
+                      }
+                      style={
+                        Object {
+                          "bottom": 0,
+                          "left": 0,
+                          "position": "absolute",
+                          "right": 0,
+                          "top": 0,
+                        }
+                      }
+                    />
+                  </View>
                 </Text>
-                <Image
-                  source={
-                    Object {
-                      "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
-                    }
-                  }
-                  style={
-                    Object {
-                      "height": 20,
-                      "width": 20,
-                    }
-                  }
-                />
               </View>
             </View>
           </View>
@@ -11061,42 +11379,63 @@ exports[`Storyshots Message list 1`] = `
                   }
                 }
               >
-                <Text
-                  style={
-                    Array [
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#2F343D",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
-                      },
-                      Object {
-                        "alignItems": "flex-start",
-                        "flexDirection": "row",
-                        "flexWrap": "wrap",
-                        "justifyContent": "flex-start",
-                        "marginBottom": 0,
-                        "marginTop": 0,
-                      },
-                    ]
-                  }
-                >
-                  This is a description 
+                <Text>
+                  <Text
+                    style={
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "color": "#2F343D",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                        },
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ]
+                    }
+                  >
+                    This is a description 
+                  </Text>
+                  <View
+                    style={
+                      Array [
+                        Object {
+                          "overflow": "hidden",
+                        },
+                        Object {
+                          "height": 20,
+                          "width": 20,
+                        },
+                      ]
+                    }
+                  >
+                    <FastImageView
+                      resizeMode="contain"
+                      source={
+                        Object {
+                          "priority": "high",
+                          "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+                        }
+                      }
+                      style={
+                        Object {
+                          "bottom": 0,
+                          "left": 0,
+                          "position": "absolute",
+                          "right": 0,
+                          "top": 0,
+                        }
+                      }
+                    />
+                  </View>
                 </Text>
-                <Image
-                  source={
-                    Object {
-                      "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
-                    }
-                  }
-                  style={
-                    Object {
-                      "height": 20,
-                      "width": 20,
-                    }
-                  }
-                />
               </View>
             </View>
           </View>
@@ -11162,29 +11501,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    First message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      First message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -11448,28 +11789,30 @@ exports[`Storyshots Message list 1`] = `
                   }
                 }
               >
-                <Text
-                  style={
-                    Array [
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#2F343D",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
-                      },
-                      Object {
-                        "alignItems": "flex-start",
-                        "flexDirection": "row",
-                        "flexWrap": "wrap",
-                        "justifyContent": "flex-start",
-                        "marginBottom": 0,
-                        "marginTop": 0,
-                      },
-                    ]
-                  }
-                >
-                  This is a description
+                <Text>
+                  <Text
+                    style={
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "color": "#2F343D",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                        },
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ]
+                    }
+                  >
+                    This is a description
+                  </Text>
                 </Text>
               </View>
             </View>
@@ -12174,77 +12517,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -12331,28 +12676,30 @@ exports[`Storyshots Message list 1`] = `
                       }
                     }
                   >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                        ]
-                      }
-                    >
-                      How are you?
+                    <Text>
+                      <Text
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                          ]
+                        }
+                      >
+                        How are you?
+                      </Text>
                     </Text>
                   </View>
                 </View>
@@ -12539,77 +12886,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -12696,42 +13045,63 @@ exports[`Storyshots Message list 1`] = `
                       }
                     }
                   >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                        ]
-                      }
-                    >
-                      How are you? 
+                    <Text>
+                      <Text
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                          ]
+                        }
+                      >
+                        How are you? 
+                      </Text>
+                      <View
+                        style={
+                          Array [
+                            Object {
+                              "overflow": "hidden",
+                            },
+                            Object {
+                              "height": 20,
+                              "width": 20,
+                            },
+                          ]
+                        }
+                      >
+                        <FastImageView
+                          resizeMode="contain"
+                          source={
+                            Object {
+                              "priority": "high",
+                              "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+                            }
+                          }
+                          style={
+                            Object {
+                              "bottom": 0,
+                              "left": 0,
+                              "position": "absolute",
+                              "right": 0,
+                              "top": 0,
+                            }
+                          }
+                        />
+                      </View>
                     </Text>
-                    <Image
-                      source={
-                        Object {
-                          "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
-                        }
-                      }
-                      style={
-                        Object {
-                          "height": 20,
-                          "width": 20,
-                        }
-                      }
-                    />
                   </View>
                 </View>
               </View>
@@ -12935,77 +13305,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -13073,77 +13445,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -13329,77 +13703,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -13489,77 +13865,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -13785,29 +14163,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    How are you?
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      How are you?
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -14074,29 +14454,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    How are you?
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      How are you?
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -14393,77 +14775,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -14679,77 +15063,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -14965,77 +15351,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -15251,77 +15639,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -15537,29 +15927,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -15775,29 +16167,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -16218,29 +16612,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    How are you?
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      How are you?
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -16462,77 +16858,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -16673,29 +17071,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -17071,77 +17471,79 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    I
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    'm fine
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      I
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      'm fine
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -17282,53 +17684,55 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Cool
-                  </Text>
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    !
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Cool
+                    </Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      !
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -17469,29 +17873,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  <Text>
+                    <Text
+                      numberOfLines={1}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -19365,43 +19771,64 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message 
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message 
+                    </Text>
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "overflow": "hidden",
+                          },
+                          Object {
+                            "height": 20,
+                            "width": 20,
+                          },
+                        ]
+                      }
+                    >
+                      <FastImageView
+                        resizeMode="contain"
+                        source={
+                          Object {
+                            "priority": "high",
+                            "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+                          }
+                        }
+                        style={
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          }
+                        }
+                      />
+                    </View>
                   </Text>
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
-                      }
-                    }
-                    style={
-                      Object {
-                        "height": 20,
-                        "width": 20,
-                      }
-                    }
-                  />
                 </View>
               </View>
               <View
@@ -19789,29 +20216,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -19898,28 +20327,30 @@ exports[`Storyshots Message list 1`] = `
                       }
                     }
                   >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                        ]
-                      }
-                    >
-                      Custom fields
+                    <Text>
+                      <Text
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                          ]
+                        }
+                      >
+                        Custom fields
+                      </Text>
                     </Text>
                   </View>
                   <View
@@ -20334,29 +20765,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -20443,28 +20876,30 @@ exports[`Storyshots Message list 1`] = `
                       }
                     }
                   >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                        ]
-                      }
-                    >
-                      Custom fields
+                    <Text>
+                      <Text
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                          ]
+                        }
+                      >
+                        Custom fields
+                      </Text>
                     </Text>
                   </View>
                   <View
@@ -20642,28 +21077,30 @@ exports[`Storyshots Message list 1`] = `
                       }
                     }
                   >
-                    <Text
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                        ]
-                      }
-                    >
-                      Custom fields 2
+                    <Text>
+                      <Text
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                          ]
+                        }
+                      >
+                        Custom fields 2
+                      </Text>
                     </Text>
                   </View>
                   <View
@@ -20958,29 +21395,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Broadcasted message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Broadcasted message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -21263,29 +21702,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    This message is inside an archived room
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      This message is inside an archived room
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -21520,29 +21961,31 @@ exports[`Storyshots Message list 1`] = `
                   }
                 }
               >
-                <Text
-                  numberOfLines={0}
-                  style={
-                    Array [
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#2F343D",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
-                      },
-                      Object {
-                        "alignItems": "flex-start",
-                        "flexDirection": "row",
-                        "flexWrap": "wrap",
-                        "justifyContent": "flex-start",
-                        "marginBottom": 0,
-                        "marginTop": 0,
-                      },
-                    ]
-                  }
-                >
-                  This message has error
+                <Text>
+                  <Text
+                    numberOfLines={0}
+                    style={
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "color": "#2F343D",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                        },
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ]
+                    }
+                  >
+                    This message has error
+                  </Text>
                 </Text>
               </View>
             </View>
@@ -21690,29 +22133,31 @@ exports[`Storyshots Message list 1`] = `
                   }
                 }
               >
-                <Text
-                  numberOfLines={0}
-                  style={
-                    Array [
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#2F343D",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
-                      },
-                      Object {
-                        "alignItems": "flex-start",
-                        "flexDirection": "row",
-                        "flexWrap": "wrap",
-                        "justifyContent": "flex-start",
-                        "marginBottom": 0,
-                        "marginTop": 0,
-                      },
-                    ]
-                  }
-                >
-                  This message has error too
+                <Text>
+                  <Text
+                    numberOfLines={0}
+                    style={
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "color": "#2F343D",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                        },
+                        Object {
+                          "alignItems": "flex-start",
+                          "flexDirection": "row",
+                          "flexWrap": "wrap",
+                          "justifyContent": "flex-start",
+                          "marginBottom": 0,
+                          "marginTop": 0,
+                        },
+                      ]
+                    }
+                  >
+                    This message has error too
+                  </Text>
                 </Text>
               </View>
             </View>
@@ -21921,29 +22366,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Temp message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Temp message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -22147,29 +22594,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message being edited
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message being edited
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -24763,29 +25212,31 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Message
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Message
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -24989,314 +25440,316 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Italic with single 
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                        Object {
-                          "fontStyle": "italic",
-                        },
-                      ]
-                    }
-                  >
-                    underscore
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     or double 
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                        Object {
-                          "fontStyle": "italic",
-                        },
-                      ]
-                    }
-                  >
-                    underscores
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    . Bold with single 
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                        Object {
-                          "fontWeight": "bold",
-                        },
-                      ]
-                    }
-                  >
-                    asterisk
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     or double 
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                        Object {
-                          "fontWeight": "bold",
-                        },
-                      ]
-                    }
-                  >
-                    asterisks
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    . Strikethrough with single 
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                        Object {
-                          "textDecorationLine": "line-through",
-                        },
-                      ]
-                    }
-                  >
-                    Strikethrough
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     or double 
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                        Object {
-                          "textDecorationLine": "line-through",
-                        },
-                        Object {
-                          "textDecorationLine": "line-through",
-                        },
-                      ]
-                    }
-                  >
-                    Strikethrough
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Italic with single 
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                          Object {
+                            "fontStyle": "italic",
+                          },
+                        ]
+                      }
+                    >
+                      underscore
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       or double 
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                          Object {
+                            "fontStyle": "italic",
+                          },
+                        ]
+                      }
+                    >
+                      underscores
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      . Bold with single 
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                          Object {
+                            "fontWeight": "bold",
+                          },
+                        ]
+                      }
+                    >
+                      asterisk
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       or double 
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                          Object {
+                            "fontWeight": "bold",
+                          },
+                        ]
+                      }
+                    >
+                      asterisks
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      . Strikethrough with single 
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                          Object {
+                            "textDecorationLine": "line-through",
+                          },
+                        ]
+                      }
+                    >
+                      Strikethrough
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       or double 
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                          Object {
+                            "textDecorationLine": "line-through",
+                          },
+                          Object {
+                            "textDecorationLine": "line-through",
+                          },
+                        ]
+                      }
+                    >
+                      Strikethrough
+                    </Text>
                   </Text>
                 </View>
               </View>
@@ -25836,42 +26289,75 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      Support 
+                    </Text>
+                    <Text
+                      onPress={[Function]}
+                      style={
                         Object {
                           "backgroundColor": "transparent",
-                          "color": "#2F343D",
+                          "color": "#1d74f5",
                           "fontFamily": "System",
                           "fontSize": 16,
                           "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Support 
-                  </Text>
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#1d74f5",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
+                        }
                       }
-                    }
-                  >
+                    >
+                      <Text
+                        numberOfLines={0}
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#1d74f5",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                          ]
+                        }
+                      >
+                        Google
+                      </Text>
+                    </Text>
                     <Text
                       numberOfLines={0}
                       style={
@@ -25891,85 +26377,116 @@ exports[`Storyshots Message list 1`] = `
                             "marginBottom": 0,
                             "marginTop": 0,
                           },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#1d74f5",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
                         ]
                       }
                     >
-                      Google
+                       
                     </Text>
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                    <Text
+                      onPress={[Function]}
+                      style={
                         Object {
                           "backgroundColor": "transparent",
-                          "color": "#2F343D",
+                          "color": "#1d74f5",
                           "fontFamily": "System",
                           "fontSize": 16,
                           "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
-                  </Text>
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#1d74f5",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
-                      }
-                    }
-                  >
-                    <Text
-                      numberOfLines={0}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#1d74f5",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                        ]
+                        }
                       }
                     >
-                      I
+                      <Text
+                        numberOfLines={0}
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#1d74f5",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                          ]
+                        }
+                      >
+                        I
+                      </Text>
+                      <Text
+                        numberOfLines={0}
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#1d74f5",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                          ]
+                        }
+                      >
+                        \`
+                      </Text>
+                      <Text
+                        numberOfLines={0}
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#1d74f5",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                          ]
+                        }
+                      >
+                        m an inline-style link
+                      </Text>
                     </Text>
                     <Text
                       numberOfLines={0}
@@ -25990,116 +26507,54 @@ exports[`Storyshots Message list 1`] = `
                             "marginBottom": 0,
                             "marginTop": 0,
                           },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#1d74f5",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
                         ]
                       }
                     >
-                      \`
+                       
                     </Text>
                     <Text
-                      numberOfLines={0}
+                      onPress={[Function]}
                       style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#1d74f5",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                        ]
-                      }
-                    >
-                      m an inline-style link
-                    </Text>
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
                         Object {
                           "backgroundColor": "transparent",
-                          "color": "#2F343D",
+                          "color": "#1d74f5",
                           "fontFamily": "System",
                           "fontSize": 16,
                           "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     
-                  </Text>
-                  <Text
-                    onPress={[Function]}
-                    style={
-                      Object {
-                        "backgroundColor": "transparent",
-                        "color": "#1d74f5",
-                        "fontFamily": "System",
-                        "fontSize": 16,
-                        "fontWeight": "400",
-                      }
-                    }
-                  >
-                    <Text
-                      numberOfLines={0}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#2F343D",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                          Object {
-                            "alignItems": "flex-start",
-                            "flexDirection": "row",
-                            "flexWrap": "wrap",
-                            "justifyContent": "flex-start",
-                            "marginBottom": 0,
-                            "marginTop": 0,
-                          },
-                          Object {
-                            "backgroundColor": "transparent",
-                            "color": "#1d74f5",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                          },
-                        ]
+                        }
                       }
                     >
-                      https://google.com
+                      <Text
+                        numberOfLines={0}
+                        style={
+                          Array [
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#2F343D",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                            Object {
+                              "alignItems": "flex-start",
+                              "flexDirection": "row",
+                              "flexWrap": "wrap",
+                              "justifyContent": "flex-start",
+                              "marginBottom": 0,
+                              "marginTop": 0,
+                            },
+                            Object {
+                              "backgroundColor": "transparent",
+                              "color": "#1d74f5",
+                              "fontFamily": "System",
+                              "fontSize": 16,
+                              "fontWeight": "400",
+                            },
+                          ]
+                        }
+                      >
+                        https://google.com
+                      </Text>
                     </Text>
                   </Text>
                 </View>
@@ -26304,20 +26759,22 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Image
-                    source={
-                      Object {
-                        "uri": "https://play.google.com/intl/en_us/badges/images/badge_new.png",
+                  <Text>
+                    <Image
+                      source={
+                        Object {
+                          "uri": "https://play.google.com/intl/en_us/badges/images/badge_new.png",
+                        }
                       }
-                    }
-                    style={
-                      Object {
-                        "height": 300,
-                        "resizeMode": "contain",
-                        "width": 300,
+                      style={
+                        Object {
+                          "height": 300,
+                          "resizeMode": "contain",
+                          "width": 300,
+                        }
                       }
-                    }
-                  />
+                    />
+                  </Text>
                 </View>
               </View>
             </View>
@@ -26520,103 +26977,105 @@ exports[`Storyshots Message list 1`] = `
                     }
                   }
                 >
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                    Inline 
-                  </Text>
-                  <Text
-                    style={
-                      Object {
-                        "backgroundColor": "#f3f4f5",
-                        "borderRadius": 4,
-                        "borderWidth": 1,
-                        "fontFamily": "Courier New",
-                        "fontWeight": "400",
+                  <Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
                       }
-                    }
-                  >
-                    code
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                    >
+                      Inline 
+                    </Text>
+                    <Text
+                      style={
                         Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
+                          "backgroundColor": "#f3f4f5",
+                          "borderRadius": 4,
+                          "borderWidth": 1,
+                          "fontFamily": "Courier New",
                           "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     has 
-                  </Text>
-                  <Text
-                    style={
-                      Object {
-                        "backgroundColor": "#f3f4f5",
-                        "borderRadius": 4,
-                        "borderWidth": 1,
-                        "fontFamily": "Courier New",
-                        "fontWeight": "400",
+                        }
                       }
-                    }
-                  >
-                    back-ticks around
-                  </Text>
-                  <Text
-                    numberOfLines={0}
-                    style={
-                      Array [
+                    >
+                      code
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       has 
+                    </Text>
+                    <Text
+                      style={
                         Object {
-                          "backgroundColor": "transparent",
-                          "color": "#2F343D",
-                          "fontFamily": "System",
-                          "fontSize": 16,
+                          "backgroundColor": "#f3f4f5",
+                          "borderRadius": 4,
+                          "borderWidth": 1,
+                          "fontFamily": "Courier New",
                           "fontWeight": "400",
-                        },
-                        Object {
-                          "alignItems": "flex-start",
-                          "flexDirection": "row",
-                          "flexWrap": "wrap",
-                          "justifyContent": "flex-start",
-                          "marginBottom": 0,
-                          "marginTop": 0,
-                        },
-                      ]
-                    }
-                  >
-                     it.
+                        }
+                      }
+                    >
+                      back-ticks around
+                    </Text>
+                    <Text
+                      numberOfLines={0}
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "transparent",
+                            "color": "#2F343D",
+                            "fontFamily": "System",
+                            "fontSize": 16,
+                            "fontWeight": "400",
+                          },
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                       it.
+                    </Text>
                   </Text>
                 </View>
                 <Text
@@ -26861,30 +27320,32 @@ exports[`Storyshots Message list 1`] = `
                         }
                       }
                     >
-                      <Text
-                        numberOfLines={0}
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "color": "#2F343D",
-                              "fontFamily": "System",
-                              "fontSize": 16,
-                              "fontWeight": "400",
-                            },
-                            undefined,
-                            Object {
-                              "alignItems": "flex-start",
-                              "flexDirection": "row",
-                              "flexWrap": "wrap",
-                              "justifyContent": "flex-start",
-                              "marginBottom": 0,
-                              "marginTop": 0,
-                            },
-                          ]
-                        }
-                      >
-                        Quote
+                      <Text>
+                        <Text
+                          numberOfLines={0}
+                          style={
+                            Array [
+                              Object {
+                                "backgroundColor": "transparent",
+                                "color": "#2F343D",
+                                "fontFamily": "System",
+                                "fontSize": 16,
+                                "fontWeight": "400",
+                              },
+                              undefined,
+                              Object {
+                                "alignItems": "flex-start",
+                                "flexDirection": "row",
+                                "flexWrap": "wrap",
+                                "justifyContent": "flex-start",
+                                "marginBottom": 0,
+                                "marginTop": 0,
+                              },
+                            ]
+                          }
+                        >
+                          Quote
+                        </Text>
                       </Text>
                     </View>
                   </View>
diff --git a/app/containers/EmojiPicker/CustomEmoji.js b/app/containers/EmojiPicker/CustomEmoji.js
index ebd336c93..03df9f616 100644
--- a/app/containers/EmojiPicker/CustomEmoji.js
+++ b/app/containers/EmojiPicker/CustomEmoji.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Image } from 'react-native';
+import FastImage from 'react-native-fast-image';
 import PropTypes from 'prop-types';
 
 export default class CustomEmoji extends React.Component {
@@ -16,9 +16,13 @@ export default class CustomEmoji extends React.Component {
 	render() {
 		const { baseUrl, emoji, style } = this.props;
 		return (
-			<Image
+			<FastImage
 				style={style}
-				source={{ uri: `${ baseUrl }/emoji-custom/${ encodeURIComponent(emoji.content || emoji.name) }.${ emoji.extension }` }}
+				source={{
+					uri: `${ baseUrl }/emoji-custom/${ encodeURIComponent(emoji.content || emoji.name) }.${ emoji.extension }`,
+					priority: FastImage.priority.high
+				}}
+				resizeMode={FastImage.resizeMode.contain}
 			/>
 		);
 	}
diff --git a/app/containers/markdown/index.js b/app/containers/markdown/index.js
index 7a1d3973c..1ccd8692b 100644
--- a/app/containers/markdown/index.js
+++ b/app/containers/markdown/index.js
@@ -162,7 +162,9 @@ export default class Markdown extends PureComponent {
 		}
 		return (
 			<View style={styles.block}>
-				{children}
+				<Text>
+					{children}
+				</Text>
 			</View>
 		);
 	};