diff --git a/dsmr_frontend/static/dsmr_frontend/css/dsmr-reader/global.css b/dsmr_frontend/static/dsmr_frontend/css/dsmr-reader/global.css
index d18e3f2c3..395215289 100644
--- a/dsmr_frontend/static/dsmr_frontend/css/dsmr-reader/global.css
+++ b/dsmr_frontend/static/dsmr_frontend/css/dsmr-reader/global.css
@@ -6,6 +6,10 @@
     border-top: 1px solid #eee;
 }
 
+.table tr.highlight {
+    background-color: #F8F8F8;
+}
+
 .fa-rotate-45 {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
diff --git a/dsmr_frontend/templates/dsmr_frontend/energy-contracts.html b/dsmr_frontend/templates/dsmr_frontend/energy-contracts.html
index bf09987ef..e1caf7fb2 100644
--- a/dsmr_frontend/templates/dsmr_frontend/energy-contracts.html
+++ b/dsmr_frontend/templates/dsmr_frontend/energy-contracts.html
@@ -64,7 +64,7 @@
                         {% endif %}
 
                         {# Electricity sub totals #}
-                        <tr>
+                        <tr {% if not frontend_settings.merge_electricity_tariffs %}class="highlight"{% endif %}>
                             <td>
                                 {% if not frontend_settings.merge_electricity_tariffs %}
                                     <strong>{% translate "Total electricity" %}</strong>
@@ -105,7 +105,7 @@
                         {% endif %}
 
                         {# Grand totals #}
-			            <tr>
+			            <tr class="highlight">
 			                <td style="font-weight: bold;" colspan="3">{% translate "Total costs" %}</td>
 			                <td><span class="badge bg-black">{{ current.summary.total_cost|default:'-' }}</span></td>
 			            </tr>
diff --git a/dsmr_frontend/templates/dsmr_frontend/fragments/archive-xhr-statistics.html b/dsmr_frontend/templates/dsmr_frontend/fragments/archive-xhr-statistics.html
index e733b60fa..747bf8b4c 100644
--- a/dsmr_frontend/templates/dsmr_frontend/fragments/archive-xhr-statistics.html
+++ b/dsmr_frontend/templates/dsmr_frontend/fragments/archive-xhr-statistics.html
@@ -62,7 +62,7 @@
                 <td><span class="badge bg-black">{{ statistics.fixed_cost|default:'-' }}</span></td>
             </tr>
             {% endif %}
-            <tr>
+            <tr class="highlight">
                 <td style="font-weight: bold;">{% translate "Total" %}</td>
                 <td>{% if capabilities.electricity and statistics.electricity_merged %}<span class="badge bg-red">{{ statistics.electricity_merged|default:'-' }}  </span>{% endif %}</td>
                 <td>{% if capabilities.electricity_returned and statistics.electricity_returned_merged %}<span class="badge bg-green">{{ statistics.electricity_returned_merged|default:'-' }}</span>{% endif %}</td>
diff --git a/dsmr_frontend/templates/dsmr_frontend/fragments/dashboard-period-include.html b/dsmr_frontend/templates/dsmr_frontend/fragments/dashboard-period-include.html
index 86c9d3f00..ac34f5daf 100644
--- a/dsmr_frontend/templates/dsmr_frontend/fragments/dashboard-period-include.html
+++ b/dsmr_frontend/templates/dsmr_frontend/fragments/dashboard-period-include.html
@@ -38,7 +38,7 @@
                     </tr>
                     {% endif %}
 
-                    <tr>
+                    <tr {% if not frontend_settings.merge_electricity_tariffs %}class="highlight"{% endif %}>
                         <td>
                             {% if capabilities.electricity %}
                                 {% if not frontend_settings.merge_electricity_tariffs %}
@@ -75,7 +75,7 @@
                     {% endif %}
 
                     {% if capabilities.costs and data.total_cost %}
-                    <tr>
+                    <tr class="highlight">
                         <td colspan="3" style="font-weight: bold;">{% translate "Total costs" %}</td>
                         <td><span class="badge bg-black">{{ data.total_cost|default:'-' }}</span></td>
                     </tr>