diff --git a/common/static/common/templates/components/system-feedback.underscore b/common/static/common/templates/components/system-feedback.underscore
index 9168abc9d5..fb8b32af22 100644
--- a/common/static/common/templates/components/system-feedback.underscore
+++ b/common/static/common/templates/components/system-feedback.underscore
@@ -1,22 +1,22 @@
-<div class="wrapper wrapper-<%= type %> wrapper-<%= type %>-<%= intent %>
+<div class="wrapper wrapper-<%- type %> wrapper-<%- type %>-<%- intent %>
             <% if(obj.shown) { %>is-shown<% } else { %>is-hiding<% } %>
-            <% if(_.contains(['help', 'mini'], intent)) { %>wrapper-<%= type %>-status<% } %>"
-     id="<%= type %>-<%= intent %>"
+            <% if(_.contains(['help', 'mini'], intent)) { %>wrapper-<%- type %>-status<% } %>"
+     id="<%- type %>-<%- intent %>"
      aria-hidden="<% if(obj.shown) { %>false<% } else { %>true<% } %>"
-     aria-labelledby="<%= type %>-<%= intent %>-title"
+     aria-labelledby="<%- type %>-<%- intent %>-title"
      tabindex="-1"
-     <% if (obj.message) { %>aria-describedby="<%= type %>-<%= intent %>-description" <% } %>
+     <% if (obj.message) { %>aria-describedby="<%- type %>-<%- intent %>-description" <% } %>
      <% if (obj.actions) { %>role="dialog"<% } %>
   >
-  <div class="<%= type %> <%= intent %> <% if(obj.actions) { %>has-actions<% } %>">
+  <div class="<%- type %> <%- intent %> <% if(obj.actions) { %>has-actions<% } %>">
     <% if(obj.icon) { %>
       <% var iconClass = {"warning": "warning", "confirmation": "check", "error": "warning", "announcement": "bullhorn", "step-required": "exclamation-circle", "help": "question", "mini": "cog"} %>
-      <span class="feedback-symbol fa fa-<%= iconClass[intent] %>" aria-hidden="true"></span>
+      <span class="feedback-symbol fa fa-<%- iconClass[intent] %>" aria-hidden="true"></span>
     <% } %>
 
     <div class="copy">
-      <h2 class="title title-3" id="<%= type %>-<%= intent %>-title"><%- title %></h2>
-      <% if(obj.message) { %><p class="message" id="<%= type %>-<%= intent %>-description"><%- message %></p><% } %>
+      <h2 class="title title-3" id="<%- type %>-<%- intent %>-title"><%- title %></h2>
+      <% if(obj.message) { %><p class="message" id="<%- type %>-<%- intent %>-description"><%- message %></p><% } %>
     </div>
 
     <% if(obj.actions) { %>
@@ -24,13 +24,13 @@
       <ul>
         <% if(actions.primary) { %>
         <li class="nav-item">
-          <button class="action-primary <%= actions.primary.class %>"><%- actions.primary.text %></button>
+          <button class="action-primary <%- actions.primary.class %>"><%- actions.primary.text %></button>
         </li>
         <% } %>
         <% if(actions.secondary) {
              _.each(actions.secondary, function(secondary) { %>
         <li class="nav-item">
-          <button class="action-secondary <%= secondary.class %>"><%- secondary.text %></button>
+          <button class="action-secondary <%- secondary.class %>"><%- secondary.text %></button>
         </li>
         <%   });
            } %>
@@ -39,9 +39,9 @@
     <% } %>
 
     <% if(obj.closeIcon) { %>
-    <a href="#" rel="view" class="action action-close action-<%= type %>-close">
+    <a href="#" rel="view" class="action action-close action-<%- type %>-close">
       <span class="icon fa fa-times-circle" aria-hidden="true"></span>
-      <span class="label">close <%= type %></span>
+      <span class="label">close <%- type %></span>
     </a>
     <% } %>
   </div>