diff --git a/app/assets/javascripts/merge_request_widget.js.es6 b/app/assets/javascripts/merge_request_widget.js.es6
index 961c85b5c263abcc378b3ad13ded858ddec9a058..1ad709d20f9c3be36fae8ced4478d2e47dbabbc3 100644
--- a/app/assets/javascripts/merge_request_widget.js.es6
+++ b/app/assets/javascripts/merge_request_widget.js.es6
@@ -143,7 +143,9 @@
 
     MergeRequestWidget.prototype.getMergeStatus = function() {
       return $.get(this.opts.merge_check_url, function(data) {
-        return $('.mr-state-widget').replaceWith(data);
+        var $html = $(data);
+        $('.mr-state-body').replaceWith($html.find('.mr-state-body'));
+        $('.mr-state-footer:not(.mr-approvals-footer)').replaceWith($html.find('.mr-state-footer:not(.mr-approvals-footer)'));
       });
     };
 
diff --git a/app/views/projects/merge_requests/widget/_open.html.haml b/app/views/projects/merge_requests/widget/_open.html.haml
index a2127549a903b1cc27be1e4dc6001420039ff412..6eb4eeab9fdf4cfab6b65454629c09c5cd3e8bd3 100644
--- a/app/views/projects/merge_requests/widget/_open.html.haml
+++ b/app/views/projects/merge_requests/widget/_open.html.haml
@@ -56,11 +56,9 @@
           #{mr_issues_mentioned_but_not_closing.size > 1 ? 'are' : 'is'} mentioned but will not be closed.
 
   - if @merge_request.requires_approve?
-    .mr-widget-footer{ 'v-show' => '!showApprovals' }
+    .mr-widget-footer.mr-approvals-footer{ 'v-show' => '!showApprovals' }
       = icon("spinner spin")
       Checking approval status for this merge request.
     .approvals-components{ 'v-show' => 'showApprovals' }
       = render 'projects/merge_requests/widget/open/approvals_body'
       = render 'projects/merge_requests/widget/open/approvals_footer'
-
-