diff --git a/assets/css/scss/_chat.scss b/assets/css/scss/_chat.scss
index 2e499f2f299..cfacaff20dc 100644
--- a/assets/css/scss/_chat.scss
+++ b/assets/css/scss/_chat.scss
@@ -3,11 +3,15 @@
     position: fixed; right: 16px; bottom: 88px; z-index: 1100;
     width: 52px; height: 52px; border-radius: 9999px; border: none;
     display: flex; align-items: center; justify-content: center;
-    background: #4F46E5; color: #fff; cursor: pointer;
+    background: rgb(var(--color-primary-base, 79 70 229));
+    color: white;
+    cursor: pointer;
     box-shadow: 0 10px 18px rgba(0,0,0,.20), 0 2px 6px rgba(0,0,0,.12);
     overflow: visible;
     isolation: isolate;
-    &:hover { background: #4338CA; }
+    &:hover {
+      filter: brightness(0.93);
+    }
   }
   .chd-badge {
     position: absolute; top: -6px; right: -6px;