diff --git a/src/components/AnalyticsChart.tsx b/src/components/AnalyticsChart.tsx
index 37f7dc3..d4dd1cb 100644
--- a/src/components/AnalyticsChart.tsx
+++ b/src/components/AnalyticsChart.tsx
@@ -43,11 +43,19 @@ export const options: any = {
         maxTicksLimit: 8,
         stepSize: 1,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
     x: {
       ticks: {
         autoSkip: true,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
   },
   elements: {
diff --git a/src/components/player/PlayerChart.tsx b/src/components/player/PlayerChart.tsx
index e237d69..b7a5a6d 100644
--- a/src/components/player/PlayerChart.tsx
+++ b/src/components/player/PlayerChart.tsx
@@ -41,12 +41,20 @@ export const options: any = {
         maxTicksLimit: 8,
         stepSize: 1,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
       reverse: true,
     },
     x: {
       ticks: {
         autoSkip: true,
       },
+      grid: {
+        // gray grid lines
+        color: "#252525",
+      },
     },
   },
   elements: {