diff --git a/bootcamp/static/js/bootcamp.js b/bootcamp/static/js/bootcamp.js
index 76dd1eaa2..016acf500 100755
--- a/bootcamp/static/js/bootcamp.js
+++ b/bootcamp/static/js/bootcamp.js
@@ -22,7 +22,7 @@ $('.form-group').removeClass('row');
 
 /* Notifications JS basic client */
 $(function () {
-    let emptyMessage = 'You have no unread notification';
+    let emptyMessage = 'data-empty="true"';
 
     function checkNotifications() {
         $.ajax({
diff --git a/bootcamp/templates/notifications/most_recent.html b/bootcamp/templates/notifications/most_recent.html
index 849e74358..42eda4196 100755
--- a/bootcamp/templates/notifications/most_recent.html
+++ b/bootcamp/templates/notifications/most_recent.html
@@ -15,6 +15,6 @@
     <a type="button" class="btn btn-light text-center float-left" href="{% url 'notifications:unread' %}">{% trans 'See all' %}</a>
     <a type="button" class="btn btn-light text-center float-right" href="{% url 'notifications:mark_all_read' %}">{% trans 'Mark all as read' %}</a>
   {% else %}
-    <li class="text-center">{% trans 'You have no unread notification' %}</li>
+    <li class="text-center" data-empty="true">{% trans 'You have no unread notification' %}</li>
   {% endif %}
 </ul>