diff --git a/libs/network-stats/src/components/table-row/table-row.tsx b/libs/network-stats/src/components/table-row/table-row.tsx
index 955824344..be26cf334 100644
--- a/libs/network-stats/src/components/table-row/table-row.tsx
+++ b/libs/network-stats/src/components/table-row/table-row.tsx
@@ -19,7 +19,7 @@ export const TableRow = ({
         ? goodThreshold(value)
           ? TailwindIntents.Success
           : TailwindIntents.Danger
-        : TailwindIntents.Help,
+        : TailwindIntents.Highlight,
     [goodThreshold, value]
   );
   return (
@@ -30,7 +30,7 @@ export const TableRow = ({
           {formatter ? formatter(value) : defaultFieldFormatter(value)}
         </td>
         <td className="py-4 px-8">
-          <Indicator variant={TailwindIntents.Success} />
+          <Indicator variant={variant} />
         </td>
       </tr>
     </Tooltip>
diff --git a/libs/ui-toolkit/src/utils/intent.ts b/libs/ui-toolkit/src/utils/intent.tsx
similarity index 97%
rename from libs/ui-toolkit/src/utils/intent.ts
rename to libs/ui-toolkit/src/utils/intent.tsx
index 0c9e92bdb..c5618ef0a 100644
--- a/libs/ui-toolkit/src/utils/intent.ts
+++ b/libs/ui-toolkit/src/utils/intent.tsx
@@ -30,12 +30,12 @@ export const getIntentShadow = (intent?: Intent) => {
 };
 
 export const getVariantBackground = (variant?: TailwindIntents) => {
-  return classNames({
+  return {
     'bg-intent-danger text-white': variant === TailwindIntents.Danger,
     'bg-intent-warning text-black': variant === TailwindIntents.Warning,
     'bg-intent-prompt text-black': variant === TailwindIntents.Prompt,
     'bg-intent-success text-black': variant === TailwindIntents.Success,
     'bg-intent-help text-white': variant === TailwindIntents.Help,
     'bg-intent-highlight text-black': variant === TailwindIntents.Highlight,
-  });
+  };
 };