diff --git a/src/components/NcAvatar/NcAvatar.vue b/src/components/NcAvatar/NcAvatar.vue
index af2972cbe4..d14dbc489f 100644
--- a/src/components/NcAvatar/NcAvatar.vue
+++ b/src/components/NcAvatar/NcAvatar.vue
@@ -617,7 +617,7 @@ export default {
 		 * @return {string}
 		 */
 		avatarUrlGenerator(user, size) {
-			const darkTheme = window.getComputedStyle(this.$el)
+			const darkTheme = window.getComputedStyle(document.body)
 				.getPropertyValue('--background-invert-if-dark') === 'invert(100%)'
 			let url = '/avatar/{user}/{size}' + (darkTheme ? '/dark' : '')
 			if (this.isGuest) {