Describe the bug

If a b-avatar with badge is shown in a b-table with sticky header, and one scrolls down the table, the badge will be displayed on the b-table header layer

Steps to reproduce the bug

1. Go to https://jsfiddle.net/62r8aghw/
2. Scroll down the table
3. Badges are displayed over the header

Expected behavior

badges should be invisible when its row is behind table header

Versions

Libraries:

• BootstrapVue: 2.16.0
• Bootstrap: 4.5.2
• Vue: 2.16.12

Environment:

• Browser: Chrome
• Version: 86

Demo link

https://jsfiddle.net/62r8aghw/