diff --git a/frontend/packages/console-shared/src/components/dashboard/utilization-card/UtilizationItem.tsx b/frontend/packages/console-shared/src/components/dashboard/utilization-card/UtilizationItem.tsx
index 796f1d42117..fed77a7c2c9 100644
--- a/frontend/packages/console-shared/src/components/dashboard/utilization-card/UtilizationItem.tsx
+++ b/frontend/packages/console-shared/src/components/dashboard/utilization-card/UtilizationItem.tsx
@@ -70,23 +70,26 @@ export const MultilineUtilizationItem = memo<MultilineUtilizationItemProps>(
     }, [maxDate, updateEndDate]);
 
     const mapTranslatedData = (originalData: DataPoint[][]) => {
-      if (!originalData || originalData.length === 0 || originalData[0].length === 0)
-        return originalData;
+      if (!originalData || originalData.length === 0) return originalData;
       const translatedData = [];
 
       for (const query of originalData) {
-        const currData = [];
-        const desc = query[0].description;
-        for (const item of query) {
-          if (desc === 'in') {
-            currData.push({ ...item, description: t('in') });
-          } else if (desc === 'out') {
-            currData.push({ ...item, description: t('out') });
-          } else {
-            currData.push(item);
+        if (!query || query.length === 0) {
+          translatedData.push(query);
+        } else {
+          const currData = [];
+          const desc = query[0].description;
+          for (const item of query) {
+            if (desc === 'in') {
+              currData.push({ ...item, description: t('in') });
+            } else if (desc === 'out') {
+              currData.push({ ...item, description: t('out') });
+            } else {
+              currData.push(item);
+            }
           }
+          translatedData.push(currData);
         }
-        translatedData.push(currData);
       }
       return translatedData;
     };
diff --git a/frontend/public/components/graphs/area.tsx b/frontend/public/components/graphs/area.tsx
index 95a23160e20..8d11a9e158d 100644
--- a/frontend/public/components/graphs/area.tsx
+++ b/frontend/public/components/graphs/area.tsx
@@ -112,9 +112,9 @@ export const AreaChart: FC<AreaChartProps> = ({
   const container = useMemo(() => {
     if (multiLine) {
       const legendData = processedData.map((d) => ({
-        childName: d[0].description,
-        name: d[0].description,
-        symbol: d[0].symbol,
+        childName: d[0]?.description,
+        name: d[0]?.description,
+        symbol: d[0]?.symbol,
       }));
       return (
         <CursorVoronoiContainer
@@ -127,7 +127,7 @@ export const AreaChart: FC<AreaChartProps> = ({
               stack={showAllTooltip}
               legendData={legendData}
               getLabel={getLabel}
-              formatDate={(d) => formatDate(d[0].x)}
+              formatDate={(d) => formatDate(d[0]?.x)}
               mainDataName={mainDataName}
             />
           }