diff --git a/app/assets/javascripts/reports/reports_datatable.js.erb b/app/assets/javascripts/reports/reports_datatable.js.erb
index 4a88566b3..2d1bd6446 100644
--- a/app/assets/javascripts/reports/reports_datatable.js.erb
+++ b/app/assets/javascripts/reports/reports_datatable.js.erb
@@ -63,9 +63,11 @@
     $('input[name="select_all"]').change(function() {
       if($(this).is(':checked')) {
         $("[data-action='toggle']").prop('checked', true);
+        $('.report-row').addClass('selected');
         addAllItems();
       } else {
         $("[data-action='toggle']").prop('checked', false);
+        $('.report-row').removeClass('selected');
         removeAllItems();
       }
       updateButtons();
@@ -99,9 +101,11 @@
     $("[data-action='toggle']").change(function() {
       var id = $(this).attr('data-report-id');
       if($(this).is(':checked')) {
+        $(this).closest('.report-row').addClass('selected');
         CHECKED_REPORTS.push(id);
       } else {
         var index = CHECKED_REPORTS.indexOf(id);
+        $(this).closest('.report-row').removeClass('selected');
         if(index != -1) {
         	CHECKED_REPORTS.splice(index, 1);
         }
diff --git a/app/assets/stylesheets/reports.scss b/app/assets/stylesheets/reports.scss
index 7a260209c..c99cd8a56 100644
--- a/app/assets/stylesheets/reports.scss
+++ b/app/assets/stylesheets/reports.scss
@@ -4,6 +4,10 @@
 /* Index page */
 .report-table {
   margin-top: 20px;
+
+  .report-row.selected {
+    background: $color-alto;
+  }
 }
 
 /* New page navbar */