iOS: Fix room item icon alignment

app/components/RoomItem.js

@@ -42,14 +42,8 @@ const styles = StyleSheet.create({
 		alignItems: 'center'
 	},
 	icon: {
-		height: 40,
-		width: 40,
-		borderRadius: 20,
-		lineHeight: 30,
 		fontSize: 20,
-		color: '#fff',
+		color: '#fff'
-		overflow: 'hidden',
-		textAlign: 'center'
 	},
 	avatar: {
 		width: 40,
@@ -95,8 +89,8 @@ export default class RoomItem extends React.PureComponent {
 		const { color } = avatarInitialsAndColor(name);
 
 		return (
-			<View style={styles.iconContainer}>
+			<View style={[styles.iconContainer, { backgroundColor: color }]}>
-				<MaterialCommunityIcons name={icon} style={[styles.icon, { backgroundColor: color }]} />
+				<MaterialCommunityIcons name={icon} style={styles.icon} />
 			</View>
 		);
 	}