From e8afa34454818cc1a3372966b05ce0517c393145 Mon Sep 17 00:00:00 2001
From: "Andrew W. Hill" <andrew@textile.io>
Date: Fri, 5 Apr 2019 13:52:08 -0700
Subject: [PATCH] trying to debug the overflow rows of avatars (#1017)

---
 App/Components/Avatar.tsx | 6 ++++--
 App/Containers/Groups.tsx | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/App/Components/Avatar.tsx b/App/Components/Avatar.tsx
index f9d86ba0a..8aad3b569 100644
--- a/App/Components/Avatar.tsx
+++ b/App/Components/Avatar.tsx
@@ -133,7 +133,8 @@ class Avatar extends React.Component<Props, State> {
           style={{
             minHeight: height,
             minWidth: width,
-            alignSelf: 'center'
+            alignSelf: 'center',
+            backgroundColor: 'transparent'
           }}
           source={{
             uri: `${Config.RN_TEXTILE_CAFE_GATEWAY_URL}/ipfs/${target}/0/small/d`,
@@ -146,7 +147,8 @@ class Avatar extends React.Component<Props, State> {
               style={{
                 minHeight: height,
                 minWidth: width,
-                alignSelf: 'center'
+                alignSelf: 'center',
+                backgroundColor: 'transparent'
               }}
               target={`${target}/0/${file}/d`}
               ipfs={true}
diff --git a/App/Containers/Groups.tsx b/App/Containers/Groups.tsx
index 571f5ebe4..69804a0fd 100644
--- a/App/Containers/Groups.tsx
+++ b/App/Containers/Groups.tsx
@@ -278,7 +278,8 @@ const mapStateToProps = (state: RootState): StateProps => {
       name: thread.name,
       // total number of images in the thread
       size: thread.photos.length,
-      members,
+      // required to ensure up to date index
+      members: Object.assign([], members),
       thumb
     }
   })