diff --git a/html/template/sync/dashboard.html b/html/template/sync/dashboard.html
index 44919f02..820ee706 100644
--- a/html/template/sync/dashboard.html
+++ b/html/template/sync/dashboard.html
@@ -52,7 +52,7 @@
 		<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-white">
+					<div class="metric-icon bg-success text-white">
 						<i class="fas fa-clock"></i>
 					</div>
 					<h5 class="card-title">Last Data Refresh</h5>
@@ -66,7 +66,7 @@
 		<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-white">
+					<div class="metric-icon bg-warning text-white">
 						<i class="fas fa-ticket-alt"></i>
 					</div>
 					<h5 class="card-title">Service Requests</h5>
@@ -92,7 +92,7 @@
 		<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-white">
+					<div class="metric-icon bg-danger text-white">
 						<i class="fas fa-bug"></i>
 					</div>
 					<h5 class="card-title">Mosquito Sources</h5>
@@ -118,7 +118,7 @@
 		<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-white">
+					<div class="metric-icon bg-info text-white">
 						<i class="fas fa-clipboard-check"></i>
 					</div>
 					<h5 class="card-title">Traps</h5>