diff --git a/app/javascript/widget/components/ChatHeader.vue b/app/javascript/widget/components/ChatHeader.vue
index e2b25ca9b..5143635a5 100644
--- a/app/javascript/widget/components/ChatHeader.vue
+++ b/app/javascript/widget/components/ChatHeader.vue
@@ -2,9 +2,7 @@
   <header class="header-collapsed">
     <div class="header-branding">
       <img v-if="avatarUrl" :src="avatarUrl" alt="avatar" />
-      <h2 class="title">
-        {{ title }}
-      </h2>
+      <h2 class="title" v-html="title"></h2>
     </div>
     <span class="close-button" @click="closeWindow"></span>
   </header>
diff --git a/app/javascript/widget/components/ChatHeaderExpanded.vue b/app/javascript/widget/components/ChatHeaderExpanded.vue
index dc7c29e2d..5ef50129d 100755
--- a/app/javascript/widget/components/ChatHeaderExpanded.vue
+++ b/app/javascript/widget/components/ChatHeaderExpanded.vue
@@ -2,12 +2,8 @@
   <header class="header-expanded">
     <img v-if="avatarUrl" class="logo" :src="avatarUrl" />
     <span class="close close-button" @click="closeWindow"></span>
-    <h2 class="title">
-      {{ introHeading }}
-    </h2>
-    <p class="body">
-      {{ introBody }}
-    </p>
+    <h2 class="title" v-html="introHeading"></h2>
+    <p class="body" v-html="introBody"></p>
   </header>
 </template>