diff --git a/src/components/middle/MiddleColumn.scss b/src/components/middle/MiddleColumn.scss
index 0ea478ac5..25dde4c42 100644
--- a/src/components/middle/MiddleColumn.scss
+++ b/src/components/middle/MiddleColumn.scss
@@ -340,6 +340,19 @@
 
   .open-chat-button {
     color: var(--color-primary);
+
+    @media (hover: hover) {
+      &:hover {
+        color: var(--color-white);
+      }
+    }
+
+    @media (max-width: 600px) {
+      &:active,
+      &:focus {
+        color: var(--color-white);
+      }
+    }
   }
 
   .mask-image-disabled &::before {