diff --git a/src/ServicePulse.Host/app/css/particular.css b/src/ServicePulse.Host/app/css/particular.css
index ab02335877..36fef08841 100644
--- a/src/ServicePulse.Host/app/css/particular.css
+++ b/src/ServicePulse.Host/app/css/particular.css
@@ -1747,16 +1747,33 @@ hr.top-separator {
     font-size: 11px;
 }
 
+
+.sparkline-value.sec {
+    color: #0000FF;
+}
+
 .sparkline-value.sec span {
     color: #007AFF;
 }
 
+.sparkline-value.min {
+    color: #8B00D0;
+}
+
 .sparkline-value.min span {
-    color: #AE00FF;
+    color: #B14AE4;
+}
+
+.sparkline-value.hr {
+    color: #D601DA;
+}
+
+.sparkline-value.hr span {
+    color: #D764D9;
 }
 
-.sparkline-value.h span {
-    color: #FF7DFD;
+.sparkline-value.d {
+    color: #AD0017;
 }
 
 .sparkline-value.d span {
diff --git a/src/ServicePulse.Host/app/js/services/service.formatter.js b/src/ServicePulse.Host/app/js/services/service.formatter.js
index 699ffcd408..105cac4d63 100644
--- a/src/ServicePulse.Host/app/js/services/service.formatter.js
+++ b/src/ServicePulse.Host/app/js/services/service.formatter.js
@@ -12,11 +12,11 @@
 
             var time = { value: 0, unit: '' };
             if (duration >= dayDuration) {
-                time.value = duration.format('D [d] h [h]');
+                time.value = duration.format('D [d] h [hr]');
                 return time;
             } else if (duration >= hourDuration) {
                 time.value = moment(duration._data).format('HH:mm');
-                time.unit = 'h';
+                time.unit = 'hr';
                 return time;
             } else if (duration >= minuteDuration) {
                 time.value = duration.format('mm:ss');