|  | @@ -1,3 +1,4 @@
 | 
		
	
		
			
			|  | 1 | +import { Platform } from '../../base/react';
 | 
		
	
		
			
			| 1 | 2 |  import { BoxModel, ColorPalette } from '../../base/styles';
 | 
		
	
		
			
			| 2 | 3 |  
 | 
		
	
		
			
			| 3 | 4 |  /**
 | 
		
	
	
		
			
			|  | @@ -9,7 +10,10 @@ export const styles = {
 | 
		
	
		
			
			| 9 | 10 |       */
 | 
		
	
		
			
			| 10 | 11 |      avatar: {
 | 
		
	
		
			
			| 11 | 12 |          alignSelf: 'center',
 | 
		
	
		
			
			| 12 |  | -        borderRadius: 25,
 | 
		
	
		
			
			|  | 13 | +
 | 
		
	
		
			
			|  | 14 | +        // XXX Workaround for Android: for images < 80 the border radius doesn't
 | 
		
	
		
			
			|  | 15 | +        // work properly, but applying a radius twice as big does the trick.
 | 
		
	
		
			
			|  | 16 | +        borderRadius: Platform.OS === 'android' ? 100 : 25,
 | 
		
	
		
			
			| 13 | 17 |          flex: 0,
 | 
		
	
		
			
			| 14 | 18 |          height: 50,
 | 
		
	
		
			
			| 15 | 19 |          width: 50
 |