diff --git a/public/css/style.css b/public/css/style.css
index 4b1144d..d8e28f2 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -22,10 +22,22 @@ body {
 	background: #FFD162;
 }
 
+.bg-orange {
+	background: #ff8a00;
+}
+
 .bg-danger {
 	background: #F74B4B;
 }
 
+.bg-success,
+.bg-info,
+.bg-warning,
+.bg-orange,
+.bg-danger {
+	color: #000;
+}
+
 .text-gray {
 	color: #777 !important;
 }
diff --git a/public/js/filters.js b/public/js/filters.js
index 0d5e66d..3ed98e2 100644
--- a/public/js/filters.js
+++ b/public/js/filters.js
@@ -92,18 +92,18 @@ angular.module('netStatsApp.filters', [])
 			return 'text-gray';
 
 		if(stats.block.propagation == 0)
-			return 'text-info';
+			return 'bg-info';
 
 		if(stats.block.propagation < 1000)
-			return 'text-success';
+			return 'bg-success';
 
 		if(stats.block.propagation < 3000)
-			return 'text-warning';
+			return 'bg-warning';
 
 		if(stats.block.propagation < 7000)
-			return 'text-orange';
+			return 'bg-orange';
 
-		return 'text-danger'
+		return 'bg-danger'
 	};
 })
 .filter('latencyFilter', function() {