diff --git a/webapp/src/components/BatteryView.vue b/webapp/src/components/BatteryView.vue
index 78e151280..0b4c0cffa 100644
--- a/webapp/src/components/BatteryView.vue
+++ b/webapp/src/components/BatteryView.vue
@@ -13,7 +13,7 @@
                         class="card-header d-flex justify-content-between align-items-center"
                         :class="{
                             'text-bg-danger': batteryData.data_age >= 20,
-                            'text-bg-primary': batteryData.data_age < 20,
+                            'text-bg-success': batteryData.data_age < 20,
                         }"
                     >
                         <div class="p-1 flex-grow-1">
diff --git a/webapp/src/components/HuaweiView.vue b/webapp/src/components/HuaweiView.vue
index 79a3ca913..cf49624d9 100644
--- a/webapp/src/components/HuaweiView.vue
+++ b/webapp/src/components/HuaweiView.vue
@@ -13,7 +13,7 @@
                         class="card-header d-flex justify-content-between align-items-center"
                         :class="{
                             'text-bg-danger': huaweiData.data_age > 20,
-                            'text-bg-primary': huaweiData.data_age < 19,
+                            'text-bg-success': huaweiData.data_age < 19,
                         }"
                     >
                         <div class="p-1 flex-grow-1">
diff --git a/webapp/src/components/SolarChargerView.vue b/webapp/src/components/SolarChargerView.vue
index 33f476c9a..44e97e2ea 100644
--- a/webapp/src/components/SolarChargerView.vue
+++ b/webapp/src/components/SolarChargerView.vue
@@ -13,7 +13,7 @@
                         class="card-header d-flex justify-content-between align-items-center"
                         :class="{
                             'text-bg-danger': item.data_age_ms >= 10000,
-                            'text-bg-primary': item.data_age_ms < 10000,
+                            'text-bg-success': item.data_age_ms < 10000,
                         }"
                     >
                         <div class="p-1 flex-grow-1">