diff --git a/CHANGELOG.md b/CHANGELOG.md
index c2bd3cac0..b467063ff 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.2.4][] - 2022-02-23
+
 ### Fixed
 
 -   Thumbnail: fix image original aspect ratio on ios safari.
@@ -1284,3 +1286,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [2.2.2]: https://github.com/lumapps/design-system/tree/v2.2.2
 [unreleased]: https://github.com/lumapps/design-system/compare/v2.2.3...HEAD
 [2.2.3]: https://github.com/lumapps/design-system/tree/v2.2.3
+[unreleased]: https://github.com/lumapps/design-system/compare/v2.2.4...HEAD
+[2.2.4]: https://github.com/lumapps/design-system/tree/v2.2.4
diff --git a/lerna.json b/lerna.json
index 04f6f548b..db90449a4 100644
--- a/lerna.json
+++ b/lerna.json
@@ -10,7 +10,7 @@
             "message": "chore(release): release %s"
         }
     },
-    "version": "2.2.3",
+    "version": "2.2.4",
     "useWorkspaces": true,
     "npmClient": "yarn"
 }
diff --git a/packages/lumx-angularjs/package.json b/packages/lumx-angularjs/package.json
index 3f3fd955a..ae65cb692 100644
--- a/packages/lumx-angularjs/package.json
+++ b/packages/lumx-angularjs/package.json
@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^2.2.3",
-        "@lumx/icons": "^2.2.3",
+        "@lumx/core": "^2.2.4",
+        "@lumx/icons": "^2.2.4",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.21",
         "popper.js": "^1.16.0"
@@ -40,7 +40,7 @@
         "prepare": "install-peers || exit 0",
         "prepublishOnly": "yarn build"
     },
-    "version": "2.2.3",
+    "version": "2.2.4",
     "devDependencies": {
         "@babel/core": "^7.8.3",
         "@babel/plugin-proposal-class-properties": "^7.8.3",
diff --git a/packages/lumx-core/package.json b/packages/lumx-core/package.json
index d9a2b3430..282bd1800 100644
--- a/packages/lumx-core/package.json
+++ b/packages/lumx-core/package.json
@@ -42,7 +42,7 @@
         "version": "yarn version-changelog ../../CHANGELOG.md && yarn changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "2.2.3",
+    "version": "2.2.4",
     "devDependencies": {
         "@babel/core": "^7.8.3",
         "@babel/plugin-proposal-class-properties": "^7.8.3",
diff --git a/packages/lumx-icons/package.json b/packages/lumx-icons/package.json
index c43cb9047..42e6a66d1 100644
--- a/packages/lumx-icons/package.json
+++ b/packages/lumx-icons/package.json
@@ -21,5 +21,5 @@
         "url": "git+https://github.com/lumapps/design-system.git"
     },
     "sideEffects": false,
-    "version": "2.2.3"
+    "version": "2.2.4"
 }
diff --git a/packages/lumx-react/package.json b/packages/lumx-react/package.json
index 5eaae4003..4a3da0e96 100644
--- a/packages/lumx-react/package.json
+++ b/packages/lumx-react/package.json
@@ -7,8 +7,8 @@
     },
     "dependencies": {
         "@juggle/resize-observer": "^3.2.0",
-        "@lumx/core": "^2.2.3",
-        "@lumx/icons": "^2.2.3",
+        "@lumx/core": "^2.2.4",
+        "@lumx/icons": "^2.2.4",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.2.6",
@@ -120,5 +120,5 @@
         "build:storybook": "cd storybook && ./build"
     },
     "sideEffects": false,
-    "version": "2.2.3"
+    "version": "2.2.4"
 }
diff --git a/packages/site-demo/package.json b/packages/site-demo/package.json
index 93954113c..dd6dc7eb0 100644
--- a/packages/site-demo/package.json
+++ b/packages/site-demo/package.json
@@ -1,6 +1,6 @@
 {
     "name": "lumx-site-demo",
-    "version": "2.2.3",
+    "version": "2.2.4",
     "private": true,
     "description": "The official LumApps Design System (LumX) demo site",
     "bugs": {
@@ -20,10 +20,10 @@
         "start": "NODE_OPTIONS=--no-warnings gatsby develop"
     },
     "dependencies": {
-        "@lumx/angularjs": "^2.2.3",
-        "@lumx/core": "^2.2.3",
-        "@lumx/icons": "^2.2.3",
-        "@lumx/react": "^2.2.3",
+        "@lumx/angularjs": "^2.2.4",
+        "@lumx/core": "^2.2.4",
+        "@lumx/icons": "^2.2.4",
+        "@lumx/react": "^2.2.4",
         "@mdx-js/mdx": "^1.6.19",
         "@mdx-js/react": "^1.6.19",
         "@reach/router": "^1.2.1",
diff --git a/packages/yo-generators/package.json b/packages/yo-generators/package.json
index f2bb2626e..117d188f0 100644
--- a/packages/yo-generators/package.json
+++ b/packages/yo-generators/package.json
@@ -12,5 +12,5 @@
     "main": "generators/index.js",
     "name": "generator-lumx-component",
     "private": true,
-    "version": "2.2.3"
+    "version": "2.2.4"
 }
diff --git a/yarn.lock b/yarn.lock
index 3e707f27d..5367dbee6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4733,7 +4733,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lumx/angularjs@^2.2.3, @lumx/angularjs@workspace:packages/lumx-angularjs":
+"@lumx/angularjs@^2.2.4, @lumx/angularjs@workspace:packages/lumx-angularjs":
   version: 0.0.0-use.local
   resolution: "@lumx/angularjs@workspace:packages/lumx-angularjs"
   dependencies:
@@ -4746,8 +4746,8 @@ __metadata:
     "@babel/plugin-proposal-private-property-in-object": ^7.16.0
     "@babel/preset-env": ^7.8.3
     "@babel/preset-typescript": ^7.12.7
-    "@lumx/core": ^2.2.3
-    "@lumx/icons": ^2.2.3
+    "@lumx/core": ^2.2.4
+    "@lumx/icons": ^2.2.4
     babel-plugin-angularjs-annotate: ^0.10.0
     clean-webpack-plugin: ^3.0.0
     copy-webpack-plugin: ^5.1.1
@@ -4772,7 +4772,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@lumx/core@^2.2.3, @lumx/core@workspace:packages/lumx-core":
+"@lumx/core@^2.2.4, @lumx/core@workspace:packages/lumx-core":
   version: 0.0.0-use.local
   resolution: "@lumx/core@workspace:packages/lumx-core"
   dependencies:
@@ -4819,7 +4819,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@lumx/icons@^2.2.3, @lumx/icons@workspace:packages/lumx-icons":
+"@lumx/icons@^2.2.4, @lumx/icons@workspace:packages/lumx-icons":
   version: 0.0.0-use.local
   resolution: "@lumx/icons@workspace:packages/lumx-icons"
   dependencies:
@@ -4866,7 +4866,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@lumx/react@^2.2.3, @lumx/react@workspace:packages/lumx-react":
+"@lumx/react@^2.2.4, @lumx/react@workspace:packages/lumx-react":
   version: 0.0.0-use.local
   resolution: "@lumx/react@workspace:packages/lumx-react"
   dependencies:
@@ -4882,8 +4882,8 @@ __metadata:
     "@babel/preset-react": ^7.8.3
     "@babel/preset-typescript": ^7.12.7
     "@juggle/resize-observer": ^3.2.0
-    "@lumx/core": ^2.2.3
-    "@lumx/icons": ^2.2.3
+    "@lumx/core": ^2.2.4
+    "@lumx/icons": ^2.2.4
     "@popperjs/core": ^2.5.4
     "@rollup/plugin-commonjs": ^15.0.0
     "@rollup/plugin-node-resolve": 9.0.0
@@ -20309,10 +20309,10 @@ fsevents@~2.1.2:
   version: 0.0.0-use.local
   resolution: "lumx-site-demo@workspace:packages/site-demo"
   dependencies:
-    "@lumx/angularjs": ^2.2.3
-    "@lumx/core": ^2.2.3
-    "@lumx/icons": ^2.2.3
-    "@lumx/react": ^2.2.3
+    "@lumx/angularjs": ^2.2.4
+    "@lumx/core": ^2.2.4
+    "@lumx/icons": ^2.2.4
+    "@lumx/react": ^2.2.4
     "@mdx-js/mdx": ^1.6.19
     "@mdx-js/react": ^1.6.19
     "@reach/router": ^1.2.1