diff --git a/src/components/chat_message/chat_message.scss b/src/components/chat_message/chat_message.scss
index 240beea4e2..7d4ff60cfc 100644
--- a/src/components/chat_message/chat_message.scss
+++ b/src/components/chat_message/chat_message.scss
@@ -2,7 +2,7 @@
 
 .chat-message-wrapper {
   &.hovered-message-chain {
-    .animated.avatar {
+    .animated.Avatar {
       canvas {
         display: none;
       }
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 1bd9199532..c6b2a5b568 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -39,7 +39,7 @@
   word-wrap: break-word;
   word-break: break-word;
 
-  &:hover .animated.avatar {
+  &:hover .animated.Avatar {
     canvas {
       display: none;
     }
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 07fce79acb..041bb80f3e 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -354,7 +354,7 @@
     align-items: flex-start;
     max-height: 56px;
 
-    .avatar {
+    .Avatar {
       flex: 1 0 100%;
       width: 56px;
       height: 56px;
@@ -364,7 +364,7 @@
     }
   }
 
-  &:hover .avatar {
+  &:hover .Avatar {
     --still-image-img: visible;
     --still-image-canvas: hidden;
   }