diff --git a/indigo_app/static/javascript/indigo/views/document_editor.js b/indigo_app/static/javascript/indigo/views/document_editor.js
index bcfe7589c..e0df71d1e 100644
--- a/indigo_app/static/javascript/indigo/views/document_editor.js
+++ b/indigo_app/static/javascript/indigo/views/document_editor.js
@@ -625,7 +625,7 @@
     },
 
     toggleShowXMLEditor: function(e) {
-      var show = !$(e.currentTarget).hasClass('active');
+      var show = e.currentTarget.classList.toggle('active');
       this.$el.find('.document-content-view').toggleClass('show-xml-editor', show);
       this.$el.find('.document-content-view .annotations-container').toggleClass('hide-annotations', show);
       if (show) {
@@ -636,7 +636,7 @@
     },
 
     toggleShowStructure: function(e) {
-      var show = !$(e.currentTarget).hasClass('active');
+      var show = e.currentTarget.classList.toggle('active');
       this.$el.find('#document-sheet la-akoma-ntoso').toggleClass('show-structure', show);
     },
 
diff --git a/indigo_app/templates/main.html b/indigo_app/templates/main.html
index 8cac227e9..7cc31e84e 100644
--- a/indigo_app/templates/main.html
+++ b/indigo_app/templates/main.html
@@ -4,8 +4,8 @@
 {% block body-attributes %}data-backbone-view="{% block backbone-view %}{{ js_view }}{% endblock %}"{% endblock %}
 
 {% block page-content %}
-  <div id="progress-bar" style="display: none">
-    <div class="progress-bar progress-bar-striped progress-bar-info progress-bar-animated" role="progressbar" style="width: 100%; height: 5px;"></div>
+  <div id="progress-bar" class="progress" style="display: none">
+    <div class="progress-bar progress-bar-striped bg-primary progress-bar-animated" role="progressbar" style="width: 100%; height: 5px;"></div>
   </div>
   {% include "indigo_app/_offline.html" %}
   {% if MAINTENANCE_MODE %}