diff --git a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/component.jsx b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/component.jsx
index e23cb52163c20766098d98b5c194b110a8564d3b..739437705d0f8fc3030b880397173328e23bb617 100644
--- a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/component.jsx
@@ -140,6 +140,8 @@ export default class MessageListItem extends Component {
 
     const dateTime = new Date(time);
 
+    const regEx = /<a[^>]+>/i;
+
     if (!user) {
       return this.renderSystemMessage();
     }
@@ -169,7 +171,7 @@ export default class MessageListItem extends Component {
             <div className={styles.messages}>
               {messages.map(message => (
                 <Message
-                  className={styles.message}
+                  className={(regEx.test(message.text) ? styles.hyperlink : styles.message)}
                   key={message.id}
                   text={message.text}
                   time={message.time}
diff --git a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss
index a57b969b65198b8d92821c82b2d2fd2afbf191b1..c5a8f34dbac8b8c0726101b6db583daac2038ca4 100755
--- a/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss
@@ -116,10 +116,16 @@
   }
 }
 
-.message {
+.message, .hyperlink {
   flex: 1;
   margin-top: calc(var(--line-height-computed) / 3);
   margin-bottom: 0;
   color: var(--color-text);
   word-wrap: break-word;
 }
+
+.hyperlink {
+  a {
+    color: var(--color-primary);
+  }
+}