diff --git a/docs/src/assets/js/components-index.js b/docs/src/assets/js/components-index.js
index 87eb53ef901..9e3bc0f5cf9 100644
--- a/docs/src/assets/js/components-index.js
+++ b/docs/src/assets/js/components-index.js
@@ -6,7 +6,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
diff --git a/docs/src/assets/js/main.js b/docs/src/assets/js/main.js
index 1122d78bc9d..0ba46490ca2 100644
--- a/docs/src/assets/js/main.js
+++ b/docs/src/assets/js/main.js
@@ -6,7 +6,7 @@
 
     if (toc && matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
@@ -53,7 +53,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
@@ -93,7 +93,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }