diff --git a/src/views/dashboard/MainChart.js b/src/views/dashboard/MainChart.js
index 922c0d021..f173ecfdf 100644
--- a/src/views/dashboard/MainChart.js
+++ b/src/views/dashboard/MainChart.js
@@ -7,7 +7,7 @@ const MainChart = () => {
   const chartRef = useRef(null)
 
   useEffect(() => {
-    document.documentElement.addEventListener('ColorSchemeChange', () => {
+    const handleColorSchemeChange = () => {
       if (chartRef.current) {
         setTimeout(() => {
           chartRef.current.options.scales.x.grid.borderColor = getStyle(
@@ -23,7 +23,10 @@ const MainChart = () => {
           chartRef.current.update()
         })
       }
-    })
+    }
+    
+    document.documentElement.addEventListener('ColorSchemeChange', handleColorSchemeChange)
+    return () => document.documentElement.removeEventListener('ColorSchemeChange', handleColorSchemeChange)
   }, [chartRef])
 
   const random = () => Math.round(Math.random() * 100)