diff --git a/app/javascript/widget/components/UserMessageBubble.vue b/app/javascript/widget/components/UserMessageBubble.vue
index f3814de7a..a391636f6 100755
--- a/app/javascript/widget/components/UserMessageBubble.vue
+++ b/app/javascript/widget/components/UserMessageBubble.vue
@@ -48,11 +48,15 @@ export default {
   text-align: left;
 
   a {
-    color: $color-white;
+    color: $color-primary;
   }
 
   &.user {
     border-bottom-right-radius: $space-smaller;
+    
+    a {
+      color: $color-white;
+    }
   }
 }
 </style>