diff --git a/components/shared/Avatar.vue b/components/shared/Avatar.vue
index 0089e92e63..ac4c2631e2 100644
--- a/components/shared/Avatar.vue
+++ b/components/shared/Avatar.vue
@@ -24,7 +24,7 @@ import { isEthereumAddress } from '@polkadot/util-crypto'
 import Identicon from '@polkadot/vue-identicon'
 import { toSvg } from 'jdenticon'
 
-const WRAPPER_CLASS = 'border border-border-color rounded-full overflow-hidden'
+const WRAPPER_CLASS = 'border border-border-color rounded-full overflow-hidden bg-background-color'
 
 const props = withDefaults(
   defineProps<{