diff --git a/package.json b/package.json
index c0ff158ec9..2f34ea2302 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
   },
   "dependencies": {
     "alameda": "^1.4.0",
+    "classlist.js": "https://github.com/eligrey/classList.js/archive/1.2.20180112.tar.gz",
     "core-js": "^3.6.4",
     "document-register-element": "^1.14.3",
     "flv.js": "^1.5.0",
diff --git a/src/bundle.js b/src/bundle.js
index ba5f74b163..a8d872d4e3 100644
--- a/src/bundle.js
+++ b/src/bundle.js
@@ -112,3 +112,9 @@ var polyfill = require("@babel/polyfill/dist/polyfill");
 _define("polyfill", function () {
     return polyfill;
 });
+
+// domtokenlist-shim
+var classlist = require("classlist.js");
+_define("classlist-polyfill", function () {
+    return classlist;
+});
diff --git a/src/scripts/site.js b/src/scripts/site.js
index 513d0c0754..824d8d0ca0 100644
--- a/src/scripts/site.js
+++ b/src/scripts/site.js
@@ -694,7 +694,8 @@ var AppInfo = {};
                     "material-icons",
                     "jellyfin-noto",
                     "page",
-                    "polyfill"
+                    "polyfill",
+                    "classlist-polyfill"
                 ]
             },
             urlArgs: urlArgs,
@@ -703,6 +704,7 @@ var AppInfo = {};
         });
 
         require(["polyfill"]);
+        require(["classlist-polyfill"]);
 
         // Expose jQuery globally
         require(["jQuery"], function(jQuery) {
diff --git a/yarn.lock b/yarn.lock
index 2cfa8f3e8b..eed2aa6b85 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2320,6 +2320,10 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
+"classlist.js@https://github.com/eligrey/classList.js/archive/1.2.20180112.tar.gz":
+  version "1.2.20180112"
+  resolved "https://github.com/eligrey/classList.js/archive/1.2.20180112.tar.gz#9c7ab3ccdbde5c940f6f26f8fc59bfb6bc813bc4"
+
 clean-css@4.2.x, clean-css@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"