diff --git a/sync/template/dashboard.html b/sync/template/dashboard.html
index 3cfa0abd..ddefeef4 100644
--- a/sync/template/dashboard.html
+++ b/sync/template/dashboard.html
@@ -188,7 +188,7 @@ body {
 		<div class="col-md-3">
 			<div class="card stats-card h-100">
 				<div class="card-body text-center">
-					<div class="metric-icon bg-info bg-opacity-10 text-info">
+					<div class="metric-icon bg-success bg-opacity-10 text-white">
 						<i class="fas fa-clock"></i>
 					</div>
 					<h5 class="card-title">Last Data Refresh</h5>
@@ -202,7 +202,7 @@ body {
 		<div class="col-md-3">
 			<div class="card stats-card h-100">
 				<div class="card-body text-center">
-					<div class="metric-icon bg-warning bg-opacity-10 text-warning">
+					<div class="metric-icon bg-warning bg-opacity-10 text-white">
 						<i class="fas fa-ticket-alt"></i>
 					</div>
 					<h5 class="card-title">Service Requests</h5>
@@ -224,7 +224,7 @@ body {
 		<div class="col-md-3">
 			<div class="card stats-card h-100">
 				<div class="card-body text-center">
-					<div class="metric-icon bg-danger bg-opacity-10 text-danger">
+					<div class="metric-icon bg-danger bg-opacity-10 text-white">
 						<i class="fas fa-bug"></i>
 					</div>
 					<h5 class="card-title">Mosquito Sources</h5>
@@ -246,7 +246,7 @@ body {
 		<div class="col-md-3">
 			<div class="card stats-card h-100">
 				<div class="card-body text-center">
-					<div class="metric-icon bg-success bg-opacity-10 text-success">
+					<div class="metric-icon bg-info bg-opacity-10 text-white">
 						<i class="fas fa-clipboard-check"></i>
 					</div>
 					<h5 class="card-title">Traps</h5>