diff --git a/web-frontend/src/main/v3/packages/utils/src/helper/charts.ts b/web-frontend/src/main/v3/packages/utils/src/helper/charts.ts
index 10c2ac0f2809..0750945e5dcb 100644
--- a/web-frontend/src/main/v3/packages/utils/src/helper/charts.ts
+++ b/web-frontend/src/main/v3/packages/utils/src/helper/charts.ts
@@ -59,6 +59,7 @@ export const getEllipsisText = ({
 };
 
 const enum DATA_UNIT {
+  BYTES = 'bytes',
   BYTE = 'byte',
   COUNT = 'count',
   PERCENT = 'percent',
@@ -67,6 +68,7 @@ const enum DATA_UNIT {
 
 export const getFormat = (dataUnit: string) => {
   switch (dataUnit) {
+    case DATA_UNIT.BYTES:
     case DATA_UNIT.BYTE:
       return (v: number) => abbreviateNumber(v, ['', 'K', 'M', 'G']);
     case DATA_UNIT.COUNT: