From f4261cee4688c7bd09d69eff72188e4a464a6312 Mon Sep 17 00:00:00 2001
From: azanbinzahid <azan.zahid@arbisoft.com>
Date: Fri, 27 Nov 2020 17:49:50 +0500
Subject: [PATCH] PROD-2227

---
 .../views/course_cohort_settings_notification.js  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/lms/static/js/groups/views/course_cohort_settings_notification.js b/lms/static/js/groups/views/course_cohort_settings_notification.js
index 5d5aaa1f8d..d38380e1b9 100644
--- a/lms/static/js/groups/views/course_cohort_settings_notification.js
+++ b/lms/static/js/groups/views/course_cohort_settings_notification.js
@@ -1,14 +1,23 @@
 (function(define) {
     'use strict';
-    define(['jquery', 'underscore', 'backbone', 'gettext'], function($, _, Backbone, gettext) {
+    define([
+        'jquery',
+        'underscore',
+        'backbone',
+        'gettext',
+        'edx-ui-toolkit/js/utils/html-utils'
+    ], function($, _, Backbone, gettext, HtmlUtils) {
         var CourseCohortSettingsNotificationView = Backbone.View.extend({
             initialize: function(options) {
-                this.template = _.template($('#cohort-state-tpl').text());
+                this.template = HtmlUtils.template($('#cohort-state-tpl').text());
                 this.cohortEnabled = options.cohortEnabled;
             },
 
             render: function() {
-                this.$el.html(this.template({}));
+                HtmlUtils.setHtml(
+                    this.$el,
+                    this.template({})
+                );
                 this.showCohortStateMessage();
                 return this;
             },