diff --git a/css/style.css b/css/style.css
index f6bcaad76b..c0a9626392 100644
--- a/css/style.css
+++ b/css/style.css
@@ -412,6 +412,9 @@ a:hover {
             /* padding-left: 5px; */
             text-align: center;
         }
+        .tab-auxiliary_configuration .boxes .on {
+            background-color: #0d8b13;
+        }
         .tab-auxiliary_configuration .boxes td input {
             position: absolute;
             
diff --git a/tabs/auxiliary_configuration.js b/tabs/auxiliary_configuration.js
index 0cf2886857..2930cae4c3 100644
--- a/tabs/auxiliary_configuration.js
+++ b/tabs/auxiliary_configuration.js
@@ -25,6 +25,12 @@ function tab_initialize_auxiliary_configuration() {
     
     // UI Hooks
     $('.tab-auxiliary_configuration .boxes input').change(function() {
+        if($(this).is(':checked')) {
+            $(this).parent().addClass('on');
+        } else {
+            $(this).parent().removeClass('on');
+        }
+        
         // if any of the fields changed, unlock update button
         $('a.update').addClass('active');
     });
@@ -70,7 +76,7 @@ function tab_initialize_auxiliary_configuration() {
 
 function box_check(num, pos) {
     if (bit_check(num, pos)) { // 1
-        return '<td><input type="checkbox" checked="checked" /></td>';
+        return '<td class="on"><input type="checkbox" checked="checked" /></td>';
     } else { // 0
         return '<td><input type="checkbox" /></td>';
     }