Describe the bug

In a table cell (possibly other things), the avatar can be squished if the flex content is too long.

Steps to reproduce the bug

Not sure of all the reproduction steps, but a BAvatar + text inside of a flex element can squash the avatar. (see demo)

Expected behavior

The avatar should maintain the size regardless of the other content.

Versions

Libraries:

• BootstrapVue: 2.18.1
• Bootstrap: 4.5.3
• Vue: 2.6.12

Environment:

• Device: Mac
• OS: macOS Mojave
• Browser: Firefox, Chromium
• Version: 81.0.2, 86.0.4240.99

Demo link

https://codesandbox.io/s/bootstrapvue-starter-project-forked-om4y6?file=/App.vue:108-344