BOT Avatar has a blue circle background

The avatar image is not taking full background and showing blue circle line around. Not looking good. Though the image is having all white background.

Screenshots

Version

Describe the bug

To Reproduce

Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Scroll down to ‘…’
4. See error

Expected behavior

Additional context

[Bug]

[corinagum]

Next release is end of October. 😃

If you need these changes immediately, please see our documentation on pointing to our MyGet feed for latest bits.

[stevkan]

Here is a workaround I have been using. This should suffice until the next release. This demos a blue background in web chat with a black background for the avatars and green/red text overlay (if you are including initials, for example) depending on the user.

let styleSet = createStyleSet({
    backgroundColor: '#19194d',

	botAvatarInitials: 'BB',
    userAvatarInitials: 'NB',
    });
        
styleSet.avatar = {
    ...styleSet.avatar,
    '.from-user': {
        'color': 'Green',
    	'background-color': 'black'
    },
    ':not(from-user)': {
        'color': 'Red',
        'background-color': 'black'
        }
}