diff --git a/packages/checkout/sdk-sample-app/package.json b/packages/checkout/sdk-sample-app/package.json
index 95b4135a44..e55054b6bf 100644
--- a/packages/checkout/sdk-sample-app/package.json
+++ b/packages/checkout/sdk-sample-app/package.json
@@ -14,7 +14,7 @@
     ]
   },
   "dependencies": {
-    "@biom3/react": "^0.23.3",
+    "@biom3/react": "^0.24.1",
     "@imtbl/checkout-sdk": "0.0.0",
     "@imtbl/checkout-widgets": "0.0.0",
     "@imtbl/config": "0.0.0",
diff --git a/packages/checkout/widgets-lib/package.json b/packages/checkout/widgets-lib/package.json
index 47d8330f81..ef2227d36e 100644
--- a/packages/checkout/widgets-lib/package.json
+++ b/packages/checkout/widgets-lib/package.json
@@ -14,8 +14,8 @@
     ]
   },
   "dependencies": {
-    "@biom3/design-tokens": "^0.3.7",
-    "@biom3/react": "^0.23.3",
+    "@biom3/design-tokens": "^0.4.0",
+    "@biom3/react": "^0.24.1",
     "@ethersproject/providers": "^5.7.2",
     "@imtbl/bridge-sdk": "0.0.0",
     "@imtbl/checkout-sdk": "0.0.0",
diff --git a/packages/checkout/widgets-lib/src/widgets/sale/views/SaleErrorView.tsx b/packages/checkout/widgets-lib/src/widgets/sale/views/SaleErrorView.tsx
index 9b05238ab0..9934b7ff37 100644
--- a/packages/checkout/widgets-lib/src/widgets/sale/views/SaleErrorView.tsx
+++ b/packages/checkout/widgets-lib/src/widgets/sale/views/SaleErrorView.tsx
@@ -52,7 +52,7 @@ export function SaleErrorView({
         : closeWidget,
       statusType: StatusType.FAILURE,
       statusIconStyles: {
-        fill: biomeTheme.color.status.destructive.dim,
+        fill: biomeTheme.color.status.fatal.dim,
       },
     },
     [SaleErrorTypes.SERVICE_BREAKDOWN]: {
diff --git a/packages/checkout/widgets-sample-app/package.json b/packages/checkout/widgets-sample-app/package.json
index 229cfa03ef..61753730d5 100644
--- a/packages/checkout/widgets-sample-app/package.json
+++ b/packages/checkout/widgets-sample-app/package.json
@@ -14,8 +14,8 @@
     ]
   },
   "dependencies": {
-    "@biom3/design-tokens": "^0.3.7",
-    "@biom3/react": "^0.23.3",
+    "@biom3/design-tokens": "^0.4.0",
+    "@biom3/react": "^0.24.1",
     "@imtbl/checkout-sdk": "0.0.0",
     "@imtbl/checkout-widgets": "0.0.0",
     "@imtbl/config": "0.0.0",
diff --git a/packages/passport/sdk-sample-app/package.json b/packages/passport/sdk-sample-app/package.json
index 5b6c2c0f3d..6ee5256cf5 100644
--- a/packages/passport/sdk-sample-app/package.json
+++ b/packages/passport/sdk-sample-app/package.json
@@ -2,8 +2,8 @@
   "name": "@imtbl/passport-sdk-sample-app",
   "version": "0.1.0",
   "dependencies": {
-    "@biom3/design-tokens": "^0.3.7",
-    "@biom3/react": "^0.23.3",
+    "@biom3/design-tokens": "^0.4.0",
+    "@biom3/react": "^0.24.1",
     "@imtbl/config": "0.0.0",
     "@imtbl/passport": "0.0.0",
     "@imtbl/x-client": "0.0.0",
@@ -25,6 +25,7 @@
     "@types/react-dom": "^18.0.11",
     "@typescript-eslint/eslint-plugin": "^5.57.1",
     "@typescript-eslint/parser": "^5.57.1",
+    "embla-carousel-react": "^8.1.5",
     "eslint": "^8.40.0",
     "eslint-config-next": "13.3.1",
     "typescript": "^4.9.5"
diff --git a/packages/x-provider/src/sample-app/package.json b/packages/x-provider/src/sample-app/package.json
index 7b76eb89c0..d79bc9e8e8 100644
--- a/packages/x-provider/src/sample-app/package.json
+++ b/packages/x-provider/src/sample-app/package.json
@@ -14,7 +14,7 @@
     ]
   },
   "dependencies": {
-    "@biom3/react": "^0.23.3",
+    "@biom3/react": "^0.24.1",
     "@imtbl/sdk": "0.0.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
diff --git a/sdk/package.json b/sdk/package.json
index 7df9b15621..49fb6c22a1 100644
--- a/sdk/package.json
+++ b/sdk/package.json
@@ -8,8 +8,8 @@
   "dependencies": {
     "@0xsequence/abi": "^1.4.3",
     "@0xsequence/core": "^1.4.3",
-    "@biom3/design-tokens": "^0.3.7",
-    "@biom3/react": "^0.23.3",
+    "@biom3/design-tokens": "^0.4.0",
+    "@biom3/react": "^0.24.1",
     "@ethersproject/abi": "^5.7.0",
     "@ethersproject/abstract-signer": "^5.7.0",
     "@ethersproject/keccak256": "^5.7.0",
@@ -149,7 +149,7 @@
   },
   "repository": "immutable/ts-immutable-sdk.git",
   "resolutions": {
-    "@biom3/design-tokens": "^0.3.7",
+    "@biom3/design-tokens": "^0.4.0",
     "@openzeppelin/contracts": "3.4.2-solc-0.7"
   },
   "scripts": {
diff --git a/yarn.lock b/yarn.lock
index 8a79610368..1bee9bad5d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2234,20 +2234,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@biom3/design-tokens@npm:^0.3.7, @biom3/design-tokens@npm:~0.3.7":
-  version: 0.3.7
-  resolution: "@biom3/design-tokens@npm:0.3.7"
+"@biom3/design-tokens@npm:^0.4.0, @biom3/design-tokens@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "@biom3/design-tokens@npm:0.4.0"
   dependencies:
     lodash.get: ^4.4.2
-  checksum: b583602227123d79e48cb49b5863ab9cc78848ebd24edfa20e101ac87b803c011151ef04fccb9f171cf3d338ea816d9228b90c4701eb2373dde30125ef73f8b0
+  checksum: 09a76130a18d337cf039dd59f9c8c834b1fdb16fe572b92d6e8851f27b197fb923c6da784558c11208743b3e8688fea3fb6c7b4b7bd5a741234764abf96b46d4
   languageName: node
   linkType: hard
 
-"@biom3/react@npm:^0.23.3":
-  version: 0.23.3
-  resolution: "@biom3/react@npm:0.23.3"
+"@biom3/react@npm:^0.24.1":
+  version: 0.24.1
+  resolution: "@biom3/react@npm:0.24.1"
   dependencies:
-    "@biom3/design-tokens": ~0.3.7
+    "@biom3/design-tokens": ~0.4.0
     buffer: ^6.0.3
     csstype: ^3.1.2
     localforage: ^1.10.0
@@ -2261,10 +2261,11 @@ __metadata:
   peerDependencies:
     "@emotion/react": ^11.11.4
     "@rive-app/react-canvas-lite": ^4.9.0
+    embla-carousel-react: ^8.0.4
     framer-motion: ^10.12.12
     react: ^18.2.0
     react-dom: ^18.2.0
-  checksum: 8fcba2edf8f9ca12233fe123fe02478bec48b485a640bbf4e8da210cdb06c1deffde5369390f09e42853e2645d6dd440c5278af627f228bc7c95eea173c6d70a
+  checksum: 3d875341933714e10e7c472dceb26a91f96488d29bf0ac120cd76eac5db3864191d4cdca1c9a3b5737b53ce2db655d51d8b2971c05b280a258c1838592ea7a91
   languageName: node
   linkType: hard
 
@@ -3378,7 +3379,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@imtbl/checkout-sdk-sample-app@workspace:packages/checkout/sdk-sample-app"
   dependencies:
-    "@biom3/react": ^0.23.3
+    "@biom3/react": ^0.24.1
     "@imtbl/checkout-sdk": 0.0.0
     "@imtbl/checkout-widgets": 0.0.0
     "@imtbl/config": 0.0.0
@@ -3453,8 +3454,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@imtbl/checkout-widgets-sample-app@workspace:packages/checkout/widgets-sample-app"
   dependencies:
-    "@biom3/design-tokens": ^0.3.7
-    "@biom3/react": ^0.23.3
+    "@biom3/design-tokens": ^0.4.0
+    "@biom3/react": ^0.24.1
     "@imtbl/checkout-sdk": 0.0.0
     "@imtbl/checkout-widgets": 0.0.0
     "@imtbl/config": 0.0.0
@@ -3483,8 +3484,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@imtbl/checkout-widgets@workspace:packages/checkout/widgets-lib"
   dependencies:
-    "@biom3/design-tokens": ^0.3.7
-    "@biom3/react": ^0.23.3
+    "@biom3/design-tokens": ^0.4.0
+    "@biom3/react": ^0.24.1
     "@ethersproject/providers": ^5.7.2
     "@imtbl/bridge-sdk": 0.0.0
     "@imtbl/checkout-sdk": 0.0.0
@@ -3761,8 +3762,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@imtbl/passport-sdk-sample-app@workspace:packages/passport/sdk-sample-app"
   dependencies:
-    "@biom3/design-tokens": ^0.3.7
-    "@biom3/react": ^0.23.3
+    "@biom3/design-tokens": ^0.4.0
+    "@biom3/react": ^0.24.1
     "@imtbl/config": 0.0.0
     "@imtbl/passport": 0.0.0
     "@imtbl/x-client": 0.0.0
@@ -3776,6 +3777,7 @@ __metadata:
     "@typescript-eslint/parser": ^5.57.1
     bootstrap: ^5.2.3
     bootstrap-icons: ^1.10.3
+    embla-carousel-react: ^8.1.5
     eslint: ^8.40.0
     eslint-config-next: 13.3.1
     ethers: ^5.7.2
@@ -3853,8 +3855,8 @@ __metadata:
     "@babel/core": ^7.21.0
     "@babel/plugin-transform-class-properties": ^7.24.1
     "@babel/plugin-transform-private-methods": ^7.24.1
-    "@biom3/design-tokens": ^0.3.7
-    "@biom3/react": ^0.23.3
+    "@biom3/design-tokens": ^0.4.0
+    "@biom3/react": ^0.24.1
     "@ethersproject/abi": ^5.7.0
     "@ethersproject/abstract-signer": ^5.7.0
     "@ethersproject/keccak256": ^5.7.0
@@ -15330,6 +15332,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"embla-carousel-react@npm:^8.1.5":
+  version: 8.1.5
+  resolution: "embla-carousel-react@npm:8.1.5"
+  dependencies:
+    embla-carousel: 8.1.5
+    embla-carousel-reactive-utils: 8.1.5
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.1 || ^18.0.0
+  checksum: 997e0ba94bd20dffbd8b1f149a13f703f0d101c6b0c3a402eb5544cd761abf84da07781768675bc8304fdbfe1d92629e277ff8ba7fe578113de0558509be876d
+  languageName: node
+  linkType: hard
+
+"embla-carousel-reactive-utils@npm:8.1.5":
+  version: 8.1.5
+  resolution: "embla-carousel-reactive-utils@npm:8.1.5"
+  peerDependencies:
+    embla-carousel: 8.1.5
+  checksum: 7ef210dc7207d83e146a1fe3ac82e5a4c68a487fb0b093a8e407f64f40c8095f200b930dc5c903ea4d3162128658513cd15e769d24315961af4b7959cfa79451
+  languageName: node
+  linkType: hard
+
+"embla-carousel@npm:8.1.5":
+  version: 8.1.5
+  resolution: "embla-carousel@npm:8.1.5"
+  checksum: b570e23e122aee6d7c48e198cd79b321f5ce38a7b579b961cda76cddb725cd4b7df1d930eb88e9214e4604ae54f2771677bb29c8e53b8a3f2bf8fd253de23b6c
+  languageName: node
+  linkType: hard
+
 "emittery@npm:^0.10.2":
   version: 0.10.2
   resolution: "emittery@npm:0.10.2"
@@ -30673,7 +30703,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "x-provider-sample-app@workspace:packages/x-provider/src/sample-app"
   dependencies:
-    "@biom3/react": ^0.23.3
+    "@biom3/react": ^0.24.1
     "@imtbl/sdk": 0.0.0
     "@svgr/webpack": ^8.0.1
     "@testing-library/jest-dom": ^5.16.5