diff --git a/react/features/base/participants/components/styles.js b/react/features/base/participants/components/styles.js
index b1425a847..c2179955b 100644
--- a/react/features/base/participants/components/styles.js
+++ b/react/features/base/participants/components/styles.js
@@ -8,14 +8,8 @@ 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,
-        height: 50,
-        width: 50
+        width: '100%'
     },
 
     /**