diff --git a/web/src/components/MonitorCard.tsx b/web/src/components/MonitorCard.tsx
index 63dc406..c0c7038 100644
--- a/web/src/components/MonitorCard.tsx
+++ b/web/src/components/MonitorCard.tsx
@@ -19,7 +19,7 @@ export function MonitorCard({ s }: { s: Monitor }) {
             <div class="grid w-fit grid-cols-2 gap-2">
               {bars.map((v, i) => (
                 <div
-                  class="radial-progress text-secondary"
+                  class="radial-progress text-primary"
                   style={
                     {
                       "--value": v,
@@ -45,7 +45,7 @@ export function MonitorCard({ s }: { s: Monitor }) {
               </div>
               {extra.map((v, i) => (
                 <div
-                  class="radial-progress text-secondary"
+                  class="radial-progress text-primary"
                   style={
                     {
                       "--value": v,