From 739298c7826ea6109b8a2632d54c8d867f7d03cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sa=C3=BAl=20Ibarra=20Corretg=C3=A9?= <saghul@gmail.com>
Date: Fri, 7 Apr 2017 17:26:51 +0200
Subject: [PATCH] [RN] Use rounded avatars in the film strip

---
 react/features/base/participants/components/styles.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/react/features/base/participants/components/styles.js b/react/features/base/participants/components/styles.js
index c2179955b..b1425a847 100644
--- a/react/features/base/participants/components/styles.js
+++ b/react/features/base/participants/components/styles.js
@@ -8,8 +8,14 @@ export const styles = createStyleSheet({
      * Avatar style.
      */
     avatar: {
+        alignSelf: 'center',
+
+        // FIXME I don't understand how a 100 border radius of a 50x50 square
+        // results in a circle.
+        borderRadius: 100,
         flex: 1,
-        width: '100%'
+        height: 50,
+        width: 50
     },
 
     /**