diff --git a/caravel/assets/javascripts/explore/components/QueryAndSaveBtns.jsx b/caravel/assets/javascripts/explore/components/QueryAndSaveBtns.jsx
index 22a30a7e583f5..1a521393402fc 100644
--- a/caravel/assets/javascripts/explore/components/QueryAndSaveBtns.jsx
+++ b/caravel/assets/javascripts/explore/components/QueryAndSaveBtns.jsx
@@ -14,7 +14,7 @@ export default function QueryAndSaveBtns({ canAdd, onQuery }) {
return (
);
diff --git a/caravel/assets/javascripts/modules/caravel.js b/caravel/assets/javascripts/modules/caravel.js
index 81473558ae842..4b013fa87a3a9 100644
--- a/caravel/assets/javascripts/modules/caravel.js
+++ b/caravel/assets/javascripts/modules/caravel.js
@@ -153,8 +153,8 @@ const px = function () {
if (data !== undefined) {
$('#query_container').html(data.query);
}
- $('#timer').removeClass('btn-warning');
- $('#timer').addClass('btn-success');
+ $('#timer').removeClass('label-warning label-danger');
+ $('#timer').addClass('label-success');
$('span.view_query').removeClass('disabled');
$('#json').click(function () {
window.location = data.json_endpoint;
@@ -231,8 +231,8 @@ const px = function () {
container.css('height', this.height());
dttm = 0;
timer = setInterval(stopwatch, 10);
- $('#timer').removeClass('btn-danger btn-success');
- $('#timer').addClass('btn-warning');
+ $('#timer').removeClass('label-danger label-success');
+ $('#timer').addClass('label-warning');
this.viz.render();
},
resize() {
diff --git a/caravel/assets/spec/javascripts/explore/components/QueryAndSaveBtns_spec.jsx b/caravel/assets/spec/javascripts/explore/components/QueryAndSaveBtns_spec.jsx
index e4872f8ddf1a9..f870b7303e682 100644
--- a/caravel/assets/spec/javascripts/explore/components/QueryAndSaveBtns_spec.jsx
+++ b/caravel/assets/spec/javascripts/explore/components/QueryAndSaveBtns_spec.jsx
@@ -28,8 +28,8 @@ describe('QueryAndSaveButtons', () => {
});
it('renders buttons with correct text', () => {
- expect(wrapper.find('button').contains('Query')).to.eql(true);
- expect(wrapper.find('button').contains('Save as')).to.eql(true);
+ expect(wrapper.find('button').contains(' Query')).to.eql(true);
+ expect(wrapper.find('button').contains(' Save as')).to.eql(true);
});
});
});
diff --git a/caravel/templates/caravel/explore.html b/caravel/templates/caravel/explore.html
index ec1010c45b10d..846a26528c310 100644
--- a/caravel/templates/caravel/explore.html
+++ b/caravel/templates/caravel/explore.html
@@ -192,9 +192,16 @@