diff --git a/editor.css b/editor.css
index 6505d85..afad159 100644
--- a/editor.css
+++ b/editor.css
@@ -141,4 +141,18 @@ body {
 
 ::-webkit-scrollbar-thumb:hover {
   background: rgb(120, 120, 120);
+}
+
+a {
+  text-decoration: none;
+  color: rgb(75, 151, 151);
+  font-weight: 500;
+}
+
+a:hover {
+  color: rgb(90, 184, 184);
+}
+
+a:active {
+  color: rgb(110, 212, 212);
 }
\ No newline at end of file
diff --git a/workflow.js b/workflow.js
index 0865e93..597d0f3 100644
--- a/workflow.js
+++ b/workflow.js
@@ -53,17 +53,17 @@ class Message {
     h = document.createElement('h3');
     heading = document.createTextNode(this.fallbackLang);
     h.appendChild(heading);
-    p = document.createElement('p');
-    text = document.createTextNode(this.fallback);
-    p.appendChild(text);
+    p = document.createElement('html');
+    p.setAttribute('lang', this.fallbackLang);
+    p.innerHTML = this.fallback;
     result.push(h, p);
     for (var t in this.translations) {
       h = document.createElement('h3');
       heading = document.createTextNode(t);
       h.appendChild(heading);
-      p = document.createElement('p');
-      text = document.createTextNode(this.translations[t]);
-      p.appendChild(text);
+      p = document.createElement('html');
+      p.setAttribute('lang', this.translations[t]);
+      p.innerHTML = this.translations[t];
       result.push(h, p);
     }
     return result;