diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx
index 3ccb890ed..80e1f4d9c 100644
--- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx
+++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/MemoryConsumption/MemoryConsumption.tsx
@@ -15,6 +15,8 @@ interface Props {
 function MemoryConsumption(props: Props) {
     const { data, metric } = props;
     const gradientDef = Styles.gradientDef();
+    // covert the data to mb
+    const avgValue = Math.round(data.value / 1024 / 1024);
 
     return (
         <NoContent
@@ -23,7 +25,7 @@ function MemoryConsumption(props: Props) {
         >
           <>
             <div className="flex items-center justify-end mb-3">
-              <AvgLabel text="Avg" unit="mb" className="ml-3" count={data.avgUsedJsHeapSize} />
+              <AvgLabel text="Avg" unit="mb" className="ml-3" count={avgValue} />
             </div>
             <ResponsiveContainer height={ 207 } width="100%">
               <AreaChart