diff --git a/components/charts/JenisPendaftaranPerAngkatanChart.tsx b/components/charts/JenisPendaftaranPerAngkatanChart.tsx
index 8bbfc63..091293d 100644
--- a/components/charts/JenisPendaftaranPerAngkatanChart.tsx
+++ b/components/charts/JenisPendaftaranPerAngkatanChart.tsx
@@ -55,7 +55,7 @@ export default function JenisPendaftaranPerAngkatanChart({ tahunAngkatan }: Prop
         horizontal: 10
       },
       labels: {
-        colors: theme === 'dark' || systemTheme === 'dark' ? '#fff' : '#000'
+        colors: theme === 'dark' ? '#fff' : '#000'
       }
     },
     dataLabels: {
@@ -74,7 +74,7 @@ export default function JenisPendaftaranPerAngkatanChart({ tahunAngkatan }: Prop
       }
     },
     tooltip: {
-      theme: theme === 'dark' || systemTheme === 'dark' ? 'dark' : 'light',
+      theme: theme === 'dark' ? 'dark' : 'light',
       y: {
         formatter: function (val: number) {
           return val + " mahasiswa"
@@ -85,26 +85,25 @@ export default function JenisPendaftaranPerAngkatanChart({ tahunAngkatan }: Prop
 
   // Update theme when it changes
   useEffect(() => {
-    const currentTheme = theme === 'system' ? systemTheme : theme;
     setOptions(prev => ({
       ...prev,
       chart: {
         ...prev.chart,
-        background: currentTheme === 'dark' || systemTheme === 'dark' ? '#0F172B' : '#fff',
+        background: theme === 'dark' ? '#0F172B' : '#fff',
       },
       legend: {
         ...prev.legend,
         labels: {
           ...prev.legend?.labels,
-          colors: currentTheme === 'dark' || systemTheme === 'dark' ? '#fff' : '#000'
+          colors: theme === 'dark' ? '#fff' : '#000'
         }
       },
       tooltip: {
         ...prev.tooltip,
-        theme: currentTheme === 'dark' || systemTheme === 'dark' ? 'dark' : 'light'
+        theme: theme === 'dark' ? 'dark' : 'light'
       }
     }));
-  }, [theme, systemTheme]);
+  }, [theme]);
   
   // Update dataLabels formatter when data changes
   useEffect(() => {