diff --git a/widget/src/components/messages/TextMessage.scss b/widget/src/components/messages/TextMessage.scss
index 58141673..cc17a2a1 100644
--- a/widget/src/components/messages/TextMessage.scss
+++ b/widget/src/components/messages/TextMessage.scss
@@ -1,10 +1,9 @@
-a.chatLink {
+.sc-message--text-content a.chatLink {
   text-decoration: underline;
   transition: color 0.2s ease;
 
   &:hover {
-    color: #004499 !important;
-    text-decoration: underline;
+    color: var(--launcher-color);
   }
 }
 p.sc-message--text-content {
diff --git a/widget/src/components/messages/TextMessage.tsx b/widget/src/components/messages/TextMessage.tsx
index b3dad388..f1eb49ea 100644
--- a/widget/src/components/messages/TextMessage.tsx
+++ b/widget/src/components/messages/TextMessage.tsx
@@ -51,6 +51,7 @@ const TextMessage: React.FC<TextMessageProps> = ({ message }) => {
       style={{
         color: colors.text,
         backgroundColor: colors.bg,
+        ["--launcher-color" as string]: allColors.launcher.bg,
       }}
     >
       <p className="sc-message--text-content" ref={messageTextRef}>