diff --git a/src/components/FluidChart/FluidChart.tsx b/src/components/FluidChart/FluidChart.tsx
index c37b0668ad995f441a285161884dc3afdc518269..d25aa6efad6ed3793f4b5daccd0a7018850442c6 100644
--- a/src/components/FluidChart/FluidChart.tsx
+++ b/src/components/FluidChart/FluidChart.tsx
@@ -15,7 +15,6 @@ import StyledSwitch from 'components/CommonKit/Switch/StyledSwitch'
 import TimeStepSelector from 'components/TimeStepSelector/TimeStepSelector'
 import ActivateHalfHourLoad from 'components/ActivateHalfHourLoad/ActivateHalfHourLoad'
 import FluidChartSwipe from './FluidChartSwipe'
-import ConsumptionVisualizer from 'components/ConsumptionVisualizer/ConsumptionVisualizer'
 import { UsageEventType } from 'enum/usageEvent.enum'
 import UsageEventService from 'services/usageEvent.service'
 
diff --git a/src/components/Home/ConsumptionView.tsx b/src/components/Home/ConsumptionView.tsx
index 8051b2ceaa8349639139fdcd8504e1ffe5e01337..0de6fadf3f2d6017c2852a24b38ffa6c7364a2be 100644
--- a/src/components/Home/ConsumptionView.tsx
+++ b/src/components/Home/ConsumptionView.tsx
@@ -37,6 +37,12 @@ const ConsumptionView: React.FC<ConsumptionViewProps> = ({
   )
   const [active, setActive] = useState<boolean>(false)
 
+  /* eslint-disable @typescript-eslint/no-non-null-assertion */
+
+  const lastDataDate = fluidStatus[fluidType].lastDataDate
+    ? fluidStatus[fluidType].lastDataDate!.toLocaleString()
+    : ''
+
   const defineHeaderHeight = useCallback((height: number) => {
     setHeaderHeight(height)
   }, [])
@@ -74,7 +80,11 @@ const ConsumptionView: React.FC<ConsumptionViewProps> = ({
                 ['--hidden']: loading,
               })}
             >
-              <FluidChart fluidType={fluidType} setActive={setActive} />
+              <FluidChart
+                fluidType={fluidType}
+                setActive={setActive}
+                key={lastDataDate}
+              />
               <ConsumptionDetails fluidType={fluidType} />
             </div>
             {!isMulti && (