- <#if boxHeader["@title"]?has_content>
${ec.getResource().expand(boxHeader["@title"]!"", "")}
#if>
+ <#if boxHeader["@title"]?has_content>
${ec.getResource().expand(boxHeader["@title"]!"", "")?html}
#if>
<#recurse boxHeader>
<#if .node["box-toolbar"]?has_content>
diff --git a/template/screen-macro/DefaultScreenMacros.vuet.ftl b/template/screen-macro/DefaultScreenMacros.vuet.ftl
index 640d8b7dc..f6fa1f9f2 100644
--- a/template/screen-macro/DefaultScreenMacros.vuet.ftl
+++ b/template/screen-macro/DefaultScreenMacros.vuet.ftl
@@ -78,7 +78,7 @@ ${sri.renderSection(.node["@name"])}
<#assign boxHeader = .node["box-header"][0]!>
<#assign boxType = ec.resource.expand(.node["@type"], "")!>
<#if !boxType?has_content><#assign boxType = "default">#if>
- id="${contBoxDivId}"#if> type="${boxType}"<#if boxHeader??> title="${ec.getResource().expand(boxHeader["@title"]!"", "")}"#if> :initial-open="<#if ec.getResource().expand(.node["@initial"]!, "") == "closed">false<#else>true#if>">
+ id="${contBoxDivId}"#if> type="${boxType}"<#if boxHeader??> title="${ec.getResource().expand(boxHeader["@title"]!"", "")?html}"#if> :initial-open="<#if ec.getResource().expand(.node["@initial"]!, "") == "closed">false<#else>true#if>">
<#-- NOTE: direct use of the container-box component would not use template elements but rather use the 'slot' attribute directly on the child elements which we can't do here -->
<#if boxHeader??><#recurse boxHeader>#if>
<#if .node["box-toolbar"]?has_content><#recurse .node["box-toolbar"][0]>#if>