diff --git a/src/components/layout/layout-traffic.tsx b/src/components/layout/layout-traffic.tsx
index 09405faf..fba08b9a 100644
--- a/src/components/layout/layout-traffic.tsx
+++ b/src/components/layout/layout-traffic.tsx
@@ -75,7 +75,7 @@ export const LayoutTraffic = () => {
   };
   const valStyle: any = {
     component: "span",
-    color: "primary",
+    // color: "primary",
     textAlign: "center",
     sx: { flex: "1 1 56px", userSelect: "none" },
   };
@@ -105,7 +105,9 @@ export const LayoutTraffic = () => {
             {...iconStyle}
             color={+up > 0 ? "secondary" : "disabled"}
           />
-          <Typography {...valStyle}>{up}</Typography>
+          <Typography {...valStyle} color="secondary">
+            {up}
+          </Typography>
           <Typography {...unitStyle}>{upUnit}/s</Typography>
         </Box>
 
@@ -114,7 +116,9 @@ export const LayoutTraffic = () => {
             {...iconStyle}
             color={+down > 0 ? "primary" : "disabled"}
           />
-          <Typography {...valStyle}>{down}</Typography>
+          <Typography {...valStyle} color="primary">
+            {down}
+          </Typography>
           <Typography {...unitStyle}>{downUnit}/s</Typography>
         </Box>