diff --git a/frontend/deps.edn b/frontend/deps.edn
index 1f0889c588..83263a34c8 100644
--- a/frontend/deps.edn
+++ b/frontend/deps.edn
@@ -20,8 +20,8 @@
    :git/url "https://github.com/funcool/beicon.git"}
 
   funcool/rumext
-  {:git/tag "v2.21"
-   :git/sha "072d671"
+  {:git/tag "v2.22"
+   :git/sha "92879b6"
    :git/url "https://github.com/funcool/rumext.git"}
 
   instaparse/instaparse {:mvn/version "1.5.0"}
diff --git a/frontend/src/app/main/ui/ds/utilities/swatch.stories.jsx b/frontend/src/app/main/ui/ds/utilities/swatch.stories.jsx
index 38dafd738b..3da5f81fe7 100644
--- a/frontend/src/app/main/ui/ds/utilities/swatch.stories.jsx
+++ b/frontend/src/app/main/ui/ds/utilities/swatch.stories.jsx
@@ -93,8 +93,8 @@ export const RadialGradient = {
 export const Rounded = {
   args: {
     background: {
-      "ref-id": helpers.generateUuid(),
-      "ref-file": helpers.generateUuid(),
+      refId: helpers.generateUuid(),
+      refFile: helpers.generateUuid(),
       color: "#2f226c",
       opacity: 0.5,
     },
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 9867e0099a..c54eabfbb6 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -3768,14 +3768,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001669":
-  version: 1.0.30001677
-  resolution: "caniuse-lite@npm:1.0.30001677"
-  checksum: 10c0/22b4aa738b213b5d0bc820c26ba23fa265ca90a5c59776e1a686b9ab6fff9120d0825fd920c0a601a4b65056ef40d01548405feb95c8dd6083255f50c71a0864
-  languageName: node
-  linkType: hard
-
-"caniuse-lite@npm:^1.0.30001702, caniuse-lite@npm:^1.0.30001716":
+"caniuse-lite@npm:^1.0.30001669, caniuse-lite@npm:^1.0.30001702, caniuse-lite@npm:^1.0.30001716":
   version: 1.0.30001718
   resolution: "caniuse-lite@npm:1.0.30001718"
   checksum: 10c0/67f9ad09bc16443e28d14f265d6e468480cd8dc1900d0d8b982222de80c699c4f2306599c3da8a3fa7139f110d4b30d49dbac78f215470f479abb6ffe141d5d3