diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss
index aeaca70d2..a3cde675d 100644
--- a/src/components/left/main/Chat.scss
+++ b/src/components/left/main/Chat.scss
@@ -26,11 +26,6 @@
   &.selected,
   &.selected:hover {
     --background-color: var(--color-chat-active) !important;
-    --color-text-meta-colored: var(--color-white);
-    --color-text-meta: var(--color-white);
-    --color-text-secondary: var(--color-white);
-    --color-error: var(--color-white);
-    --color-pinned: var(--color-white);
 
     .Avatar.online::after {
       border-color: var(--color-chat-active);
@@ -39,6 +34,11 @@
     .ListItem-button {
       --background-color: var(--color-chat-active) !important;
       --color-text: var(--color-white);
+      --color-text-meta-colored: var(--color-white);
+      --color-text-meta: var(--color-white);
+      --color-text-secondary: var(--color-white);
+      --color-error: var(--color-white);
+      --color-pinned: var(--color-white);
     }
 
     .icon-muted-chat {