diff --git a/package.json b/package.json
index d57222aa..c6c8f294 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "@rollup/plugin-node-resolve": "^9.0.0",
     "@tsconfig/svelte": "^1.0.10",
     "autoprefixer": "^9.8.6",
-    "carbon-components-10.21": "npm:carbon-components@10.21",
+    "carbon-components-10.22": "npm:carbon-components@10.22",
     "comment-parser": "^0.7.5",
     "gh-pages": "^3.1.0",
     "husky": "^4.3.0",
diff --git a/scripts/build-css.js b/scripts/build-css.js
index 33c5d821..33795bd7 100644
--- a/scripts/build-css.js
+++ b/scripts/build-css.js
@@ -18,12 +18,12 @@ const shared = {
     $css--default-type: true;
     $css--plex: true;
     
-    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--reset.scss";
-    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--font-face.scss";
-    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--helpers.scss";
-    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--body.scss";
-    @import "node_modules/carbon-components-10.21/scss/globals/grid/_grid.scss";
-    @import "node_modules/carbon-components-10.21/scss/globals/scss/styles.scss";
+    @import "node_modules/carbon-components-10.22/scss/globals/scss/_css--reset.scss";
+    @import "node_modules/carbon-components-10.22/scss/globals/scss/_css--font-face.scss";
+    @import "node_modules/carbon-components-10.22/scss/globals/scss/_css--helpers.scss";
+    @import "node_modules/carbon-components-10.22/scss/globals/scss/_css--body.scss";
+    @import "node_modules/carbon-components-10.22/scss/globals/grid/_grid.scss";
+    @import "node_modules/carbon-components-10.22/scss/globals/scss/styles.scss";
   `,
   components: ``,
 };
diff --git a/yarn.lock b/yarn.lock
index cfb94b74..2c009113 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -386,10 +386,10 @@ caniuse-lite@^1.0.30001109:
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001124.tgz#5d9998190258e11630d674fc50ea8e579ae0ced2"
   integrity sha512-zQW8V3CdND7GHRH6rxm6s59Ww4g/qGWTheoboW9nfeMg7sUoopIfKCcNZUjwYRCOrvereh3kwDpZj4VLQ7zGtA==
 
-"carbon-components-10.21@npm:carbon-components@10.21":
-  version "10.21.0"
-  resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.21.0.tgz#3e7f79530af79039aab7bf937f0f129642806316"
-  integrity sha512-IS8WPFGg74g6ZyWpJc4cDlkhqGeNZ1sJshAVTftkb7Nur9W58lSRcu6G9cRMgeL+I/YAia3Q+X4lPh/X16JsGw==
+"carbon-components-10.22@npm:carbon-components@10.22":
+  version "10.22.0"
+  resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.22.0.tgz#866791ca8e3f651054543d63f6a898cff6bcacf9"
+  integrity sha512-0cADWQf1e+6YsxXnjEz630Z7GZa3Z1ssO0UW/HnnJy03Dr+qdT3o6sIgSqObYLddJliAVcjeTlwJshZ9K4bWJQ==
   dependencies:
     flatpickr "4.6.1"
     lodash.debounce "^4.0.8"