diff --git a/app/src/views/private/components/module-bar-avatar/module-bar-avatar.vue b/app/src/views/private/components/module-bar-avatar/module-bar-avatar.vue
index fc2c90ba83..19ca94793d 100644
--- a/app/src/views/private/components/module-bar-avatar/module-bar-avatar.vue
+++ b/app/src/views/private/components/module-bar-avatar/module-bar-avatar.vue
@@ -80,10 +80,16 @@ export default defineComponent({
 		.avatar-image {
 			opacity: 0.75;
 			transition: opacity var(--fast) var(--transition);
+		}
 
-			&:hover {
+		&:hover {
+			.avatar-image {
 				opacity: 1;
 			}
+
+			.v-icon {
+				--v-icon-color: var(--white);
+			}
 		}
 	}
 }