diff --git a/scripts/pi-hole/js/db_graph.js b/scripts/pi-hole/js/db_graph.js
index 4ca0fb6b..62a15ebc 100644
--- a/scripts/pi-hole/js/db_graph.js
+++ b/scripts/pi-hole/js/db_graph.js
@@ -236,12 +236,15 @@ $(function () {
     },
     options: {
       responsive: true,
+      interaction: {
+        mode: "nearest",
+        axis: "x",
+      },
       plugins: {
         tooltip: {
           enabled: true,
           yAlign: "bottom",
           intersect: false,
-          mode: "x",
           itemSort: function (a, b) {
             return b.datasetIndex - a.datasetIndex;
           },
diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js
index f7e82765..d327aa4b 100644
--- a/scripts/pi-hole/js/index.js
+++ b/scripts/pi-hole/js/index.js
@@ -864,6 +864,10 @@ $(function () {
     options: {
       responsive: true,
       maintainAspectRatio: false,
+      interaction: {
+        mode: "nearest",
+        axis: "x",
+      },
       plugins: {
         legend: {
           display: false,
@@ -871,7 +875,6 @@ $(function () {
         tooltip: {
           enabled: true,
           intersect: false,
-          mode: "x",
           yAlign: "bottom",
           itemSort: function (a, b) {
             return b.datasetIndex - a.datasetIndex;
@@ -972,6 +975,10 @@ $(function () {
       options: {
         responsive: true,
         maintainAspectRatio: false,
+        interaction: {
+          mode: "nearest",
+          axis: "x",
+        },
         plugins: {
           legend: {
             display: false,
@@ -980,7 +987,6 @@ $(function () {
             // Disable the on-canvas tooltip
             enabled: false,
             intersect: false,
-            mode: "x",
             external: customTooltips,
             yAlign: "top",
             itemSort: function (a, b) {