diff --git a/package-lock.json b/package-lock.json
index aa5e7292..424af687 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1252,6 +1252,11 @@
       "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==",
       "dev": true
     },
+    "@lit/reactive-element": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.0.0.tgz",
+      "integrity": "sha512-Kpgenb8UNFsKCsFhggiVvUkCbcFQSd6N8hffYEEGjz27/4rw3cTSsmP9t3q1EHOAsdum60Wo64HvuZDFpEwexA=="
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1845,6 +1850,11 @@
         "@types/node": "*"
       }
     },
+    "@types/trusted-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
+      "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
+    },
     "@types/uglify-js": {
       "version": "3.13.1",
       "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.1.tgz",
@@ -5357,11 +5367,22 @@
       }
     },
     "lit-element": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-2.5.1.tgz",
-      "integrity": "sha512-ogu7PiJTA33bEK0xGu1dmaX5vhcRjBXCFexPja0e7P7jqLhTpNKYRPmE+GmiCaRVAbiQKGkUgkh/i6+bh++dPQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.0.0.tgz",
+      "integrity": "sha512-oPqRhhBBhs+AlI62QLwtWQNU/bNK/h2L1jI3IDroqZubo6XVAkyNy2dW3CRfjij8mrNlY7wULOfyyKKOnfEePA==",
       "requires": {
-        "lit-html": "^1.1.1"
+        "@lit/reactive-element": "^1.0.0",
+        "lit-html": "^2.0.0"
+      },
+      "dependencies": {
+        "lit-html": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.0.0.tgz",
+          "integrity": "sha512-tJsCapCmc0vtLj6harqd6HfCxnlt/RSkgowtz4SC9dFE3nSL38Tb33I5HMDiyJsRjQZRTgpVsahrnDrR9wg27w==",
+          "requires": {
+            "@types/trusted-types": "^2.0.2"
+          }
+        }
       }
     },
     "lit-html": {
@@ -5381,6 +5402,14 @@
         "tslib": "^1.10.0"
       },
       "dependencies": {
+        "lit-element": {
+          "version": "2.5.1",
+          "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-2.5.1.tgz",
+          "integrity": "sha512-ogu7PiJTA33bEK0xGu1dmaX5vhcRjBXCFexPja0e7P7jqLhTpNKYRPmE+GmiCaRVAbiQKGkUgkh/i6+bh++dPQ==",
+          "requires": {
+            "lit-html": "^1.1.1"
+          }
+        },
         "tslib": {
           "version": "1.14.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
diff --git a/package.json b/package.json
index bbe73b84..c5d64196 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "fast-average-color": "^6.4.2",
     "fuse.js": "^6.4.6",
     "idb-keyval": "^6.0.0",
-    "lit-element": "2.5.1",
+    "lit-element": "3.0.0",
     "lit-html": "1.4.1",
     "lit-virtualizer": "0.4.2",
     "rollup-plugin-dotenv": "^0.3.0",