diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index f247b28deb..1bb802042d 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -13292,459 +13292,147 @@ exports[`Storyshots Markdown list Markdown 1`] = `
         }
       }
     >
-      <View
-        accessible={true}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
+      <Text
         style={
-          Object {
-            "opacity": 1,
-          }
+          Array [
+            Object {
+              "backgroundColor": "transparent",
+              "fontFamily": "System",
+              "fontSize": 16,
+              "fontWeight": "400",
+              "textAlign": "left",
+            },
+            undefined,
+            Object {
+              "color": "#2f343d",
+            },
+          ]
         }
       >
-        <RCTScrollView
-          contentContainerStyle={
-            Object {
-              "width": 200,
-            }
-          }
-          scrollEnabled={false}
-          showsVerticalScrollIndicator={false}
+        <Text
+          accessibilityLabel="First Header | Second Header
+"
           style={
             Array [
               Object {
-                "borderBottomWidth": 1,
-                "borderRightWidth": 1,
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "textAlign": "left",
               },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          First Header | Second Header
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="------------ | -------------
+"
+          style={
+            Array [
               Object {
-                "borderColor": "#e1e5e8",
-                "maxHeight": 300,
-                "maxWidth": 200,
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "textAlign": "left",
               },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
             ]
           }
         >
-          <View>
-            <View
-              style={
-                Array [
-                  Object {
-                    "borderLeftWidth": 1,
-                    "borderTopWidth": 1,
-                  },
-                  Object {
-                    "borderColor": "#e1e5e8",
-                  },
-                ]
-              }
-            >
-              <View
-                style={
-                  Array [
-                    Object {
-                      "flexDirection": "row",
-                    },
-                    Object {
-                      "borderColor": "#e1e5e8",
-                    },
-                    Object {
-                      "borderBottomWidth": 1,
-                    },
-                  ]
-                }
-              >
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "justifyContent": "flex-start",
-                        "paddingHorizontal": 13,
-                        "paddingVertical": 6,
-                      },
-                      Object {
-                        "borderColor": "#e1e5e8",
-                      },
-                      Object {
-                        "borderRightWidth": 1,
-                      },
-                      Object {
-                        "width": 100,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        null,
-                        Object {
-                          "color": "#2f343d",
-                        },
-                      ]
-                    }
-                  >
-                    <Text
-                      accessibilityLabel="First Header"
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                            "textAlign": "left",
-                          },
-                          Array [
-                            Object {},
-                            Object {
-                              "borderLeftWidth": 1,
-                              "borderTopWidth": 1,
-                            },
-                            undefined,
-                            undefined,
-                          ],
-                        ]
-                      }
-                    >
-                      First Header
-                    </Text>
-                  </Text>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "justifyContent": "flex-start",
-                        "paddingHorizontal": 13,
-                        "paddingVertical": 6,
-                      },
-                      Object {
-                        "borderColor": "#e1e5e8",
-                      },
-                      Object {
-                        "width": 100,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        null,
-                        Object {
-                          "color": "#2f343d",
-                        },
-                      ]
-                    }
-                  >
-                    <Text
-                      accessibilityLabel="Second Header"
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                            "textAlign": "left",
-                          },
-                          Array [
-                            Object {},
-                            Object {
-                              "borderLeftWidth": 1,
-                              "borderTopWidth": 1,
-                            },
-                            undefined,
-                            undefined,
-                          ],
-                        ]
-                      }
-                    >
-                      Second Header
-                    </Text>
-                  </Text>
-                </View>
-              </View>
-              <View
-                style={
-                  Array [
-                    Object {
-                      "flexDirection": "row",
-                    },
-                    Object {
-                      "borderColor": "#e1e5e8",
-                    },
-                    Object {
-                      "borderBottomWidth": 1,
-                    },
-                  ]
-                }
-              >
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "justifyContent": "flex-start",
-                        "paddingHorizontal": 13,
-                        "paddingVertical": 6,
-                      },
-                      Object {
-                        "borderColor": "#e1e5e8",
-                      },
-                      Object {
-                        "borderRightWidth": 1,
-                      },
-                      Object {
-                        "width": 100,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        null,
-                        Object {
-                          "color": "#2f343d",
-                        },
-                      ]
-                    }
-                  >
-                    <Text
-                      accessibilityLabel="Content from cell 1"
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                            "textAlign": "left",
-                          },
-                          Array [
-                            Object {},
-                            Object {
-                              "borderLeftWidth": 1,
-                              "borderTopWidth": 1,
-                            },
-                            undefined,
-                            undefined,
-                          ],
-                        ]
-                      }
-                    >
-                      Content from cell 1
-                    </Text>
-                  </Text>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "justifyContent": "flex-start",
-                        "paddingHorizontal": 13,
-                        "paddingVertical": 6,
-                      },
-                      Object {
-                        "borderColor": "#e1e5e8",
-                      },
-                      Object {
-                        "width": 100,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        null,
-                        Object {
-                          "color": "#2f343d",
-                        },
-                      ]
-                    }
-                  >
-                    <Text
-                      accessibilityLabel="Content from cell 2"
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                            "textAlign": "left",
-                          },
-                          Array [
-                            Object {},
-                            Object {
-                              "borderLeftWidth": 1,
-                              "borderTopWidth": 1,
-                            },
-                            undefined,
-                            undefined,
-                          ],
-                        ]
-                      }
-                    >
-                      Content from cell 2
-                    </Text>
-                  </Text>
-                </View>
-              </View>
-              <View
-                style={
-                  Array [
-                    Object {
-                      "flexDirection": "row",
-                    },
-                    Object {
-                      "borderColor": "#e1e5e8",
-                    },
-                  ]
-                }
-              >
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "justifyContent": "flex-start",
-                        "paddingHorizontal": 13,
-                        "paddingVertical": 6,
-                      },
-                      Object {
-                        "borderColor": "#e1e5e8",
-                      },
-                      Object {
-                        "borderRightWidth": 1,
-                      },
-                      Object {
-                        "width": 100,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        null,
-                        Object {
-                          "color": "#2f343d",
-                        },
-                      ]
-                    }
-                  >
-                    <Text
-                      accessibilityLabel="Content in the first column"
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                            "textAlign": "left",
-                          },
-                          Array [
-                            Object {},
-                            Object {
-                              "borderLeftWidth": 1,
-                              "borderTopWidth": 1,
-                            },
-                            undefined,
-                            undefined,
-                          ],
-                        ]
-                      }
-                    >
-                      Content in the first column
-                    </Text>
-                  </Text>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "justifyContent": "flex-start",
-                        "paddingHorizontal": 13,
-                        "paddingVertical": 6,
-                      },
-                      Object {
-                        "borderColor": "#e1e5e8",
-                      },
-                      Object {
-                        "width": 100,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        null,
-                        Object {
-                          "color": "#2f343d",
-                        },
-                      ]
-                    }
-                  >
-                    <Text
-                      accessibilityLabel="Content in the second column"
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "400",
-                            "textAlign": "left",
-                          },
-                          Array [
-                            Object {},
-                            Object {
-                              "borderLeftWidth": 1,
-                              "borderTopWidth": 1,
-                            },
-                            undefined,
-                            undefined,
-                          ],
-                        ]
-                      }
-                    >
-                      Content in the second column
-                    </Text>
-                  </Text>
-                </View>
-              </View>
-            </View>
-          </View>
-        </RCTScrollView>
+          ------------ | -------------
+        </Text>
+        <Text>
+          
+
+        </Text>
         <Text
+          accessibilityLabel="Content from cell 1 | Content from cell 2
+"
           style={
             Array [
               Object {
                 "backgroundColor": "transparent",
                 "fontFamily": "System",
                 "fontSize": 16,
-                "fontStyle": "italic",
                 "fontWeight": "400",
                 "textAlign": "left",
               },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
+            ]
+          }
+        >
+          Content from cell 1 | Content from cell 2
+        </Text>
+        <Text>
+          
+
+        </Text>
+        <Text
+          accessibilityLabel="Content in the first column | Content in the second column"
+          style={
+            Array [
               Object {
-                "color": "#9ca2a8",
+                "backgroundColor": "transparent",
+                "fontFamily": "System",
+                "fontSize": 16,
+                "fontWeight": "400",
+                "textAlign": "left",
               },
+              Array [
+                Object {},
+                Object {
+                  "alignItems": "flex-start",
+                  "flexDirection": "row",
+                  "flexWrap": "wrap",
+                  "justifyContent": "flex-start",
+                  "marginBottom": 0,
+                  "marginTop": 0,
+                },
+              ],
             ]
           }
         >
-          Click to see full table
+          Content in the first column | Content in the second column
         </Text>
-      </View>
+      </Text>
     </View>
   </View>
 </RCTScrollView>
@@ -47413,465 +47101,152 @@ exports[`Storyshots Message list message 1`] = `
                 </Text>
               </View>
               <View>
-                <View
-                  accessible={true}
-                  focusable={true}
-                  onClick={[Function]}
-                  onResponderGrant={[Function]}
-                  onResponderMove={[Function]}
-                  onResponderRelease={[Function]}
-                  onResponderTerminate={[Function]}
-                  onResponderTerminationRequest={[Function]}
-                  onStartShouldSetResponder={[Function]}
+                <Text
+                  numberOfLines={0}
                   style={
-                    Object {
-                      "opacity": 1,
-                    }
+                    Array [
+                      Object {
+                        "backgroundColor": "transparent",
+                        "fontFamily": "System",
+                        "fontSize": 16,
+                        "fontWeight": "400",
+                        "textAlign": "left",
+                      },
+                      undefined,
+                      Object {
+                        "color": "#2f343d",
+                      },
+                    ]
                   }
                 >
-                  <RCTScrollView
-                    contentContainerStyle={
-                      Object {
-                        "width": 200,
-                      }
-                    }
-                    scrollEnabled={false}
-                    showsVerticalScrollIndicator={false}
+                  <Text
+                    accessibilityLabel="First Header | Second Header
+"
+                    numberOfLines={0}
                     style={
                       Array [
                         Object {
-                          "borderBottomWidth": 1,
-                          "borderRightWidth": 1,
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                          "textAlign": "left",
                         },
+                        Array [
+                          Object {},
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ],
+                      ]
+                    }
+                  >
+                    First Header | Second Header
+                  </Text>
+                  <Text>
+                    
+
+                  </Text>
+                  <Text
+                    accessibilityLabel="------------ | -------------
+"
+                    numberOfLines={0}
+                    style={
+                      Array [
                         Object {
-                          "borderColor": "#e1e5e8",
-                          "maxHeight": 300,
-                          "maxWidth": 200,
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                          "textAlign": "left",
                         },
+                        Array [
+                          Object {},
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ],
                       ]
                     }
                   >
-                    <View>
-                      <View
-                        style={
-                          Array [
-                            Object {
-                              "borderLeftWidth": 1,
-                              "borderTopWidth": 1,
-                            },
-                            Object {
-                              "borderColor": "#e1e5e8",
-                            },
-                          ]
-                        }
-                      >
-                        <View
-                          style={
-                            Array [
-                              Object {
-                                "flexDirection": "row",
-                              },
-                              Object {
-                                "borderColor": "#e1e5e8",
-                              },
-                              Object {
-                                "borderBottomWidth": 1,
-                              },
-                            ]
-                          }
-                        >
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "justifyContent": "flex-start",
-                                  "paddingHorizontal": 13,
-                                  "paddingVertical": 6,
-                                },
-                                Object {
-                                  "borderColor": "#e1e5e8",
-                                },
-                                Object {
-                                  "borderRightWidth": 1,
-                                },
-                                Object {
-                                  "width": 100,
-                                },
-                              ]
-                            }
-                          >
-                            <Text
-                              style={
-                                Array [
-                                  null,
-                                  Object {
-                                    "color": "#2f343d",
-                                  },
-                                ]
-                              }
-                            >
-                              <Text
-                                accessibilityLabel="First Header"
-                                numberOfLines={0}
-                                style={
-                                  Array [
-                                    Object {
-                                      "backgroundColor": "transparent",
-                                      "fontFamily": "System",
-                                      "fontSize": 16,
-                                      "fontWeight": "400",
-                                      "textAlign": "left",
-                                    },
-                                    Array [
-                                      Object {},
-                                      Object {
-                                        "borderLeftWidth": 1,
-                                        "borderTopWidth": 1,
-                                      },
-                                      undefined,
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                First Header
-                              </Text>
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "justifyContent": "flex-start",
-                                  "paddingHorizontal": 13,
-                                  "paddingVertical": 6,
-                                },
-                                Object {
-                                  "borderColor": "#e1e5e8",
-                                },
-                                Object {
-                                  "width": 100,
-                                },
-                              ]
-                            }
-                          >
-                            <Text
-                              style={
-                                Array [
-                                  null,
-                                  Object {
-                                    "color": "#2f343d",
-                                  },
-                                ]
-                              }
-                            >
-                              <Text
-                                accessibilityLabel="Second Header"
-                                numberOfLines={0}
-                                style={
-                                  Array [
-                                    Object {
-                                      "backgroundColor": "transparent",
-                                      "fontFamily": "System",
-                                      "fontSize": 16,
-                                      "fontWeight": "400",
-                                      "textAlign": "left",
-                                    },
-                                    Array [
-                                      Object {},
-                                      Object {
-                                        "borderLeftWidth": 1,
-                                        "borderTopWidth": 1,
-                                      },
-                                      undefined,
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                Second Header
-                              </Text>
-                            </Text>
-                          </View>
-                        </View>
-                        <View
-                          style={
-                            Array [
-                              Object {
-                                "flexDirection": "row",
-                              },
-                              Object {
-                                "borderColor": "#e1e5e8",
-                              },
-                              Object {
-                                "borderBottomWidth": 1,
-                              },
-                            ]
-                          }
-                        >
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "justifyContent": "flex-start",
-                                  "paddingHorizontal": 13,
-                                  "paddingVertical": 6,
-                                },
-                                Object {
-                                  "borderColor": "#e1e5e8",
-                                },
-                                Object {
-                                  "borderRightWidth": 1,
-                                },
-                                Object {
-                                  "width": 100,
-                                },
-                              ]
-                            }
-                          >
-                            <Text
-                              style={
-                                Array [
-                                  null,
-                                  Object {
-                                    "color": "#2f343d",
-                                  },
-                                ]
-                              }
-                            >
-                              <Text
-                                accessibilityLabel="Content from cell 1"
-                                numberOfLines={0}
-                                style={
-                                  Array [
-                                    Object {
-                                      "backgroundColor": "transparent",
-                                      "fontFamily": "System",
-                                      "fontSize": 16,
-                                      "fontWeight": "400",
-                                      "textAlign": "left",
-                                    },
-                                    Array [
-                                      Object {},
-                                      Object {
-                                        "borderLeftWidth": 1,
-                                        "borderTopWidth": 1,
-                                      },
-                                      undefined,
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                Content from cell 1
-                              </Text>
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "justifyContent": "flex-start",
-                                  "paddingHorizontal": 13,
-                                  "paddingVertical": 6,
-                                },
-                                Object {
-                                  "borderColor": "#e1e5e8",
-                                },
-                                Object {
-                                  "width": 100,
-                                },
-                              ]
-                            }
-                          >
-                            <Text
-                              style={
-                                Array [
-                                  null,
-                                  Object {
-                                    "color": "#2f343d",
-                                  },
-                                ]
-                              }
-                            >
-                              <Text
-                                accessibilityLabel="Content from cell 2"
-                                numberOfLines={0}
-                                style={
-                                  Array [
-                                    Object {
-                                      "backgroundColor": "transparent",
-                                      "fontFamily": "System",
-                                      "fontSize": 16,
-                                      "fontWeight": "400",
-                                      "textAlign": "left",
-                                    },
-                                    Array [
-                                      Object {},
-                                      Object {
-                                        "borderLeftWidth": 1,
-                                        "borderTopWidth": 1,
-                                      },
-                                      undefined,
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                Content from cell 2
-                              </Text>
-                            </Text>
-                          </View>
-                        </View>
-                        <View
-                          style={
-                            Array [
-                              Object {
-                                "flexDirection": "row",
-                              },
-                              Object {
-                                "borderColor": "#e1e5e8",
-                              },
-                            ]
-                          }
-                        >
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "justifyContent": "flex-start",
-                                  "paddingHorizontal": 13,
-                                  "paddingVertical": 6,
-                                },
-                                Object {
-                                  "borderColor": "#e1e5e8",
-                                },
-                                Object {
-                                  "borderRightWidth": 1,
-                                },
-                                Object {
-                                  "width": 100,
-                                },
-                              ]
-                            }
-                          >
-                            <Text
-                              style={
-                                Array [
-                                  null,
-                                  Object {
-                                    "color": "#2f343d",
-                                  },
-                                ]
-                              }
-                            >
-                              <Text
-                                accessibilityLabel="Content in the first column"
-                                numberOfLines={0}
-                                style={
-                                  Array [
-                                    Object {
-                                      "backgroundColor": "transparent",
-                                      "fontFamily": "System",
-                                      "fontSize": 16,
-                                      "fontWeight": "400",
-                                      "textAlign": "left",
-                                    },
-                                    Array [
-                                      Object {},
-                                      Object {
-                                        "borderLeftWidth": 1,
-                                        "borderTopWidth": 1,
-                                      },
-                                      undefined,
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                Content in the first column
-                              </Text>
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "justifyContent": "flex-start",
-                                  "paddingHorizontal": 13,
-                                  "paddingVertical": 6,
-                                },
-                                Object {
-                                  "borderColor": "#e1e5e8",
-                                },
-                                Object {
-                                  "width": 100,
-                                },
-                              ]
-                            }
-                          >
-                            <Text
-                              style={
-                                Array [
-                                  null,
-                                  Object {
-                                    "color": "#2f343d",
-                                  },
-                                ]
-                              }
-                            >
-                              <Text
-                                accessibilityLabel="Content in the second column"
-                                numberOfLines={0}
-                                style={
-                                  Array [
-                                    Object {
-                                      "backgroundColor": "transparent",
-                                      "fontFamily": "System",
-                                      "fontSize": 16,
-                                      "fontWeight": "400",
-                                      "textAlign": "left",
-                                    },
-                                    Array [
-                                      Object {},
-                                      Object {
-                                        "borderLeftWidth": 1,
-                                        "borderTopWidth": 1,
-                                      },
-                                      undefined,
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                Content in the second column
-                              </Text>
-                            </Text>
-                          </View>
-                        </View>
-                      </View>
-                    </View>
-                  </RCTScrollView>
+                    ------------ | -------------
+                  </Text>
+                  <Text>
+                    
+
+                  </Text>
                   <Text
+                    accessibilityLabel="Content from cell 1 | Content from cell 2
+"
+                    numberOfLines={0}
                     style={
                       Array [
                         Object {
                           "backgroundColor": "transparent",
                           "fontFamily": "System",
                           "fontSize": 16,
-                          "fontStyle": "italic",
                           "fontWeight": "400",
                           "textAlign": "left",
                         },
+                        Array [
+                          Object {},
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ],
+                      ]
+                    }
+                  >
+                    Content from cell 1 | Content from cell 2
+                  </Text>
+                  <Text>
+                    
+
+                  </Text>
+                  <Text
+                    accessibilityLabel="Content in the first column | Content in the second column"
+                    numberOfLines={0}
+                    style={
+                      Array [
                         Object {
-                          "color": "#9ca2a8",
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "400",
+                          "textAlign": "left",
                         },
+                        Array [
+                          Object {},
+                          Object {
+                            "alignItems": "flex-start",
+                            "flexDirection": "row",
+                            "flexWrap": "wrap",
+                            "justifyContent": "flex-start",
+                            "marginBottom": 0,
+                            "marginTop": 0,
+                          },
+                        ],
                       ]
                     }
                   >
-                    Click to see full table
+                    Content in the first column | Content in the second column
                   </Text>
-                </View>
+                </Text>
               </View>
             </View>
           </View>
diff --git a/app/containers/message/Audio.js b/app/containers/message/Audio.js
index fad1958908..06c43f3dbf 100644
--- a/app/containers/message/Audio.js
+++ b/app/containers/message/Audio.js
@@ -22,7 +22,7 @@ import { withDimensions } from '../../dimensions';
 const mode = {
 	allowsRecordingIOS: false,
 	playsInSilentModeIOS: true,
-	staysActiveInBackground: false,
+	staysActiveInBackground: true,
 	shouldDuckAndroid: true,
 	playThroughEarpieceAndroid: false,
 	interruptionModeIOS: Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX,
diff --git a/ios/RocketChatRN/Info.plist b/ios/RocketChatRN/Info.plist
index e0cf557119..ae5666ca8e 100644
--- a/ios/RocketChatRN/Info.plist
+++ b/ios/RocketChatRN/Info.plist
@@ -89,6 +89,7 @@
 	</dict>
 	<key>UIBackgroundModes</key>
 	<array>
+		<string>audio</string>
 		<string>fetch</string>
 		<string>voip</string>
 	</array>
diff --git a/package.json b/package.json
index c8cafd9b61..6cf9a59a12 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "ejson": "2.2.0",
     "eslint-config-airbnb": "^18.1.0",
     "expo-apple-authentication": "^2.2.1",
-    "expo-av": "8.2.1",
+    "expo-av": "^8.2.1",
     "expo-file-system": "9.0.1",
     "expo-haptics": "8.2.1",
     "expo-keep-awake": "8.2.1",
diff --git a/yarn.lock b/yarn.lock
index b803948a06..3df08a9ca5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6797,14 +6797,13 @@ expo-asset@~8.1.7:
     path-browserify "^1.0.0"
     url-parse "^1.4.4"
 
-expo-av@8.2.1:
-  version "8.2.1"
-  resolved "https://registry.yarnpkg.com/expo-av/-/expo-av-8.2.1.tgz#cab16a5f0766b84a7c2e05e04523cb73a0cd4e9b"
-  integrity sha512-p1W6ta5yFLsyUUB4bH/Bm2gz/KEleYWRYkF7PR3aYXjtTjMX9Ud1gwzEfbMJMKZRSlJydSzy/ieQT8CVatd68A==
+expo-av@^8.2.1:
+  version "8.7.0"
+  resolved "https://registry.yarnpkg.com/expo-av/-/expo-av-8.7.0.tgz#01030256dc75cebd5d02060393ba0ad36c10a7f8"
+  integrity sha512-tYw0z//UZm9THicOsu4w0A7Olq/JauTy7kcBR15Fhyppd9wd8Jtq7QYNtf2igd1R+byS2L0AGwE0nazlbQR+Qw==
   dependencies:
     lodash "^4.17.15"
     nullthrows "^1.1.0"
-    prop-types "15.7.2"
 
 expo-constants@~9.1.1:
   version "9.1.1"
@@ -10332,12 +10331,12 @@ lodash.throttle@^4.1.1:
   resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
   integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
 
-lodash@4.17.20, lodash@^4.0.0:
+lodash@4.17.20, lodash@^4.0.0, lodash@^4.17.15:
   version "4.17.20"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
   integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
 
-lodash@4.x.x, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.3.0, lodash@^4.5.0:
+lodash@4.x.x, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.3.0, lodash@^4.5.0:
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==