diff --git a/src/apps/dashboard/routes/users/access.tsx b/src/apps/dashboard/routes/users/access.tsx
index e9af88cb1..812ad80c5 100644
--- a/src/apps/dashboard/routes/users/access.tsx
+++ b/src/apps/dashboard/routes/users/access.tsx
@@ -29,8 +29,7 @@ const UserLibraryAccess: FunctionComponent = () => {
     const element = useRef<HTMLDivElement>(null);
 
     const triggerChange = (select: HTMLInputElement) => {
-        const evt = document.createEvent('HTMLEvents');
-        evt.initEvent('change', false, true);
+        const evt = new Event('change', { bubbles: false, cancelable: true });
         select.dispatchEvent(evt);
     };
 
diff --git a/src/apps/dashboard/routes/users/profile.tsx b/src/apps/dashboard/routes/users/profile.tsx
index a0bfb3fe9..11cda31fc 100644
--- a/src/apps/dashboard/routes/users/profile.tsx
+++ b/src/apps/dashboard/routes/users/profile.tsx
@@ -52,8 +52,7 @@ const UserEdit: FunctionComponent = () => {
     const element = useRef<HTMLDivElement>(null);
 
     const triggerChange = (select: HTMLInputElement) => {
-        const evt = document.createEvent('HTMLEvents');
-        evt.initEvent('change', false, true);
+        const evt = new Event('change', { bubbles: false, cancelable: true });
         select.dispatchEvent(evt);
     };
 
diff --git a/src/controllers/dashboard/networking.js b/src/controllers/dashboard/networking.js
index 8ad957ab5..6580c8d10 100644
--- a/src/controllers/dashboard/networking.js
+++ b/src/controllers/dashboard/networking.js
@@ -70,8 +70,7 @@ function onSubmit(e) {
 }
 
 function triggerChange(select) {
-    const evt = document.createEvent('HTMLEvents');
-    evt.initEvent('change', false, true);
+    const evt = new Event('change', { bubbles: false, cancelable: true });
     select.dispatchEvent(evt);
 }
 
diff --git a/src/elements/emby-select/emby-select.js b/src/elements/emby-select/emby-select.js
index e4950ebf6..2ed9e7c89 100644
--- a/src/elements/emby-select/emby-select.js
+++ b/src/elements/emby-select/emby-select.js
@@ -25,8 +25,7 @@ function enableNativeMenu() {
 }
 
 function triggerChange(select) {
-    const evt = document.createEvent('HTMLEvents');
-    evt.initEvent('change', false, true);
+    const evt = new Event('change', { bubbles: false, cancelable: true });
     select.dispatchEvent(evt);
 }
 
diff --git a/src/legacy/keyboardEvent.js b/src/legacy/keyboardEvent.js
index 8b40e617d..b2e114a38 100644
--- a/src/legacy/keyboardEvent.js
+++ b/src/legacy/keyboardEvent.js
@@ -17,9 +17,7 @@
         const KeyboardEvent = function (eventName, options) {
             options = options || {};
 
-            const event = document.createEvent('Event');
-
-            event.initEvent(eventName, !!options.bubbles, !!options.cancelable);
+            const event = new Event(eventName, { bubbles: !!options.bubbles, cancelable: !!options.cancelable });
 
             event.view = options.view || document.defaultView;
 
diff --git a/src/scripts/gamepadtokey.js b/src/scripts/gamepadtokey.js
index d1bd355bc..da3b88e27 100644
--- a/src/scripts/gamepadtokey.js
+++ b/src/scripts/gamepadtokey.js
@@ -190,8 +190,7 @@ function raiseEvent(name, key, keyCode) {
         return;
     }
 
-    const event = document.createEvent('Event');
-    event.initEvent(name, true, true);
+    const event = new Event(name, { bubbles: true, cancelable: true });
     event.key = key;
     event.keyCode = keyCode;
     (document.activeElement || document.body).dispatchEvent(event);