diff --git a/cms/static/js/views/xblock_validation.js b/cms/static/js/views/xblock_validation.js
index e675b3e80f..437d7ecc05 100644
--- a/cms/static/js/views/xblock_validation.js
+++ b/cms/static/js/views/xblock_validation.js
@@ -1,5 +1,6 @@
-define(['jquery', 'underscore', 'js/views/baseview', 'gettext'],
-    function($, _, BaseView, gettext) {
+define(['jquery', 'underscore', 'js/views/baseview', 'gettext', 'edx-ui-toolkit/js/utils/html-utils'],
+    function($, _, BaseView, gettext, HtmlUtils) {
+        'use strict';
         /**
          * View for xblock validation messages as displayed in Studio.
          */
@@ -13,12 +14,13 @@ define(['jquery', 'underscore', 'js/views/baseview', 'gettext'],
             },
 
             render: function() {
-                this.$el.html(this.template({
+                var attributes = {
                     validation: this.model,
                     additionalClasses: this.getAdditionalClasses(),
                     getIcon: this.getIcon.bind(this),
                     getDisplayName: this.getDisplayName.bind(this)
-                }));
+                };
+                this.$el.html(HtmlUtils.HTML(this.template(attributes)).toString());
                 return this;
             },