diff --git a/package-lock.json b/package-lock.json
index 2880bc4574..23aa82ad55 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
         "@kyper/utilityrow": "^2.1.0",
         "@mui/icons-material": "^6.1.5",
         "@mui/material": "^6.1.5",
-        "@mxenabled/mxui": "^1.5.4",
+        "@mxenabled/mxui": "^1.6.0",
         "@reduxjs/toolkit": "^2.2.7",
         "@types/node": "^22.1.0",
         "bowser": "^2.11.0",
@@ -865,6 +865,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -881,6 +882,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -897,6 +899,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -913,6 +916,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -929,6 +933,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -944,6 +949,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -960,6 +966,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -976,6 +983,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -992,6 +1000,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1008,6 +1017,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1024,6 +1034,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1040,6 +1051,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1056,6 +1068,7 @@
       "cpu": [
         "mips64el"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1072,6 +1085,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1088,6 +1102,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1104,6 +1119,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1120,6 +1136,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1136,6 +1153,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1152,6 +1170,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1168,6 +1187,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1184,6 +1204,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1200,6 +1221,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1216,6 +1238,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1232,6 +1255,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1248,6 +1272,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1264,6 +1289,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2041,9 +2067,10 @@
       }
     },
     "node_modules/@mui/x-data-grid": {
-      "version": "7.29.12",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.29.12.tgz",
-      "integrity": "sha512-MaEC7ubr/je8jVWjdRU7LxBXAzlOZwFEdNdvlDUJIYkRa3TRCQ1HsY8Gd8Od0jnlnMYn9M4BrEfOrq9VRnt4bw==",
+      "version": "7.29.13",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid/-/x-data-grid-7.29.13.tgz",
+      "integrity": "sha512-XHrZTvpa61eqSgUIevDzXYfYCbI7cbN/aRxSCaw2cZzQZ/USdpECYbnTEhgw5XgUlvkAK0mItKZmgKM4X7zT+Q==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.25.7",
         "@mui/utils": "^5.16.6 || ^6.0.0 || ^7.0.0",
@@ -2078,13 +2105,14 @@
       }
     },
     "node_modules/@mui/x-data-grid-pro": {
-      "version": "7.29.12",
-      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-7.29.12.tgz",
-      "integrity": "sha512-HoBaqJYqxaVZCkv3NK1qdca0Sv2er6L2Wrt51gyfMBBuM+liSpQ0L4HqX42bzIst+ScAoBpBAn6ILm9RQ0rqLw==",
+      "version": "7.29.13",
+      "resolved": "https://registry.npmjs.org/@mui/x-data-grid-pro/-/x-data-grid-pro-7.29.13.tgz",
+      "integrity": "sha512-APJOk2rq8YM+VcNrbHAOnAueroN7ry99xOY0dBB4yfYWp9LN8wZ3PbupwFw1EfCIec6LOL2hGT7TTPPnMwuMsA==",
+      "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
         "@babel/runtime": "^7.25.7",
         "@mui/utils": "^5.16.6 || ^6.0.0 || ^7.0.0",
-        "@mui/x-data-grid": "7.29.12",
+        "@mui/x-data-grid": "7.29.13",
         "@mui/x-internals": "7.29.0",
         "@mui/x-license": "7.29.1",
         "@types/format-util": "^1.0.4",
@@ -2574,13 +2602,14 @@
       }
     },
     "node_modules/@mxenabled/mx-icons": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@mxenabled/mx-icons/-/mx-icons-1.7.0.tgz",
-      "integrity": "sha512-oLQ8PRt5OGNGKbgDNExcnasvRiGaXk4tb36lLV7rqQ9VYkseyflf2a7fQMU8ik1ykEmzzmz+2m0u4435HORFWg==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@mxenabled/mx-icons/-/mx-icons-1.9.0.tgz",
+      "integrity": "sha512-0IWsH0PLpbz1LdX5wjFVsSdJhVP1P1xsFiT8e2oTeivVgKkRlrcw0WClXQMg3yYboZI6+4UpUscnCrVW0oge2A==",
+      "license": "MIT",
       "dependencies": {
         "@emotion/react": "^11.14.0",
-        "@emotion/styled": "^11.14.0",
-        "@mui/material": "^5.16.14",
+        "@emotion/styled": "^11.14.1",
+        "@mui/material": "^5.18.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
       }
@@ -2589,6 +2618,7 @@
       "version": "5.18.0",
       "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.18.0.tgz",
       "integrity": "sha512-jbhwoQ1AY200PSSOrNXmrFCaSDSJWP7qk6urkTmIirvRXDROkqe+QwcLlUiw/PrREwsIF/vm3/dAXvjlMHF0RA==",
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/mui-org"
@@ -2598,6 +2628,7 @@
       "version": "5.18.0",
       "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.18.0.tgz",
       "integrity": "sha512-bbH/HaJZpFtXGvWg3TsBWG4eyt3gah3E7nCNU8GLyRjVoWcA91Vm/T+sjHfUcwgJSw9iLtucfHBoq+qW/T30aA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
         "@mui/core-downloads-tracker": "^5.18.0",
@@ -2638,18 +2669,14 @@
         }
       }
     },
-    "node_modules/@mxenabled/mx-icons/node_modules/@mui/material/node_modules/@mui/system": {
-      "version": "5.18.0",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.18.0.tgz",
-      "integrity": "sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw==",
+    "node_modules/@mxenabled/mx-icons/node_modules/@mui/private-theming": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.17.1.tgz",
+      "integrity": "sha512-XMxU0NTYcKqdsG8LRmSoxERPXwMbp16sIXPcLVgLGII/bVNagX0xaheWAwFv8+zDK7tI3ajllkuD3GZZE++ICQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@mui/private-theming": "^5.17.1",
-        "@mui/styled-engine": "^5.18.0",
-        "@mui/types": "~7.2.15",
         "@mui/utils": "^5.17.1",
-        "clsx": "^2.1.0",
-        "csstype": "^3.1.3",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -2660,30 +2687,25 @@
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@emotion/react": "^11.5.0",
-        "@emotion/styled": "^11.3.0",
         "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
         "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
-        "@emotion/react": {
-          "optional": true
-        },
-        "@emotion/styled": {
-          "optional": true
-        },
         "@types/react": {
           "optional": true
         }
       }
     },
-    "node_modules/@mxenabled/mx-icons/node_modules/@mui/material/node_modules/@mui/system/node_modules/@mui/private-theming": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.17.1.tgz",
-      "integrity": "sha512-XMxU0NTYcKqdsG8LRmSoxERPXwMbp16sIXPcLVgLGII/bVNagX0xaheWAwFv8+zDK7tI3ajllkuD3GZZE++ICQ==",
+    "node_modules/@mxenabled/mx-icons/node_modules/@mui/styled-engine": {
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.18.0.tgz",
+      "integrity": "sha512-BN/vKV/O6uaQh2z5rXV+MBlVrEkwoS/TK75rFQ2mjxA7+NBo8qtTAOA4UaM0XeJfn7kh2wZ+xQw2HAx0u+TiBg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@mui/utils": "^5.17.1",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
+        "csstype": "^3.1.3",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -2694,23 +2716,31 @@
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
         "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
-        "@types/react": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
           "optional": true
         }
       }
     },
-    "node_modules/@mxenabled/mx-icons/node_modules/@mui/material/node_modules/@mui/system/node_modules/@mui/styled-engine": {
+    "node_modules/@mxenabled/mx-icons/node_modules/@mui/system": {
       "version": "5.18.0",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.18.0.tgz",
-      "integrity": "sha512-BN/vKV/O6uaQh2z5rXV+MBlVrEkwoS/TK75rFQ2mjxA7+NBo8qtTAOA4UaM0XeJfn7kh2wZ+xQw2HAx0u+TiBg==",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.18.0.tgz",
+      "integrity": "sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@emotion/cache": "^11.13.5",
-        "@emotion/serialize": "^1.3.3",
+        "@mui/private-theming": "^5.17.1",
+        "@mui/styled-engine": "^5.18.0",
+        "@mui/types": "~7.2.15",
+        "@mui/utils": "^5.17.1",
+        "clsx": "^2.1.0",
         "csstype": "^3.1.3",
         "prop-types": "^15.8.1"
       },
@@ -2722,8 +2752,9 @@
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@emotion/react": "^11.4.1",
+        "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
         "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
@@ -2732,13 +2763,17 @@
         },
         "@emotion/styled": {
           "optional": true
+        },
+        "@types/react": {
+          "optional": true
         }
       }
     },
-    "node_modules/@mxenabled/mx-icons/node_modules/@mui/material/node_modules/@mui/utils": {
+    "node_modules/@mxenabled/mx-icons/node_modules/@mui/utils": {
       "version": "5.17.1",
       "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.17.1.tgz",
       "integrity": "sha512-jEZ8FTqInt2WzxDV8bhImWBqeQRD99c/id/fq83H0ER9tFl+sfZlaAoCdznGvbSQQ9ividMxqSV2c7cC1vBcQg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
         "@mui/types": "~7.2.15",
@@ -2765,21 +2800,22 @@
       }
     },
     "node_modules/@mxenabled/mxui": {
-      "version": "1.5.8",
-      "resolved": "https://registry.npmjs.org/@mxenabled/mxui/-/mxui-1.5.8.tgz",
-      "integrity": "sha512-78H61d2UO8W/OwANXKH6hm1lSmRV4Mw2yw5Huktk+9N42X56BS1TbrtYyP4Wco8h0t6EM1RYDeZ5k2D7pGIvaQ==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@mxenabled/mxui/-/mxui-1.6.0.tgz",
+      "integrity": "sha512-y5BD01eRwjBXrUJzBh516KC5dF/wfFOMtLBSio5udxW+Xf97h0VSVu1eCNb5Z1jq43WDdHvQltCpEj3siQt2cw==",
+      "license": "MIT",
       "dependencies": {
         "@emotion/react": "^11.14.0",
-        "@emotion/styled": "^11.14.0",
-        "@mui/material": "^5.16.14",
-        "@mui/system": "^5.16.14",
-        "@mui/x-data-grid-pro": "^7.27.3",
-        "@mui/x-date-pickers": "^7.27.3",
-        "@mui/x-date-pickers-pro": "^7.27.3",
+        "@emotion/styled": "^11.14.1",
+        "@mui/material": "^5.18.0",
+        "@mui/system": "^5.18.0",
+        "@mui/x-data-grid-pro": "^7.29.13",
+        "@mui/x-date-pickers": "^7.29.4",
+        "@mui/x-date-pickers-pro": "^7.29.4",
         "@mui/x-license-pro": "^6.10.2",
         "@mxenabled/design-tokens": "^1.0.3",
-        "@mxenabled/mx-icons": "^1.5.1",
-        "date-fns": "^4.1.0",
+        "@mxenabled/mx-icons": "^1.9.0",
+        "date-fns": "^4.4.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
       },
@@ -3313,6 +3349,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3326,6 +3363,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3339,6 +3377,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3352,6 +3391,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3365,6 +3405,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3378,6 +3419,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3391,6 +3433,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3404,6 +3447,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3417,6 +3461,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3430,6 +3475,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3443,6 +3489,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3456,6 +3503,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3469,6 +3517,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3482,6 +3531,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3495,6 +3545,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3508,6 +3559,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3521,6 +3573,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3534,6 +3587,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3547,6 +3601,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3560,6 +3615,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3573,6 +3629,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3586,6 +3643,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3599,6 +3657,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3612,6 +3671,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3625,6 +3685,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4639,7 +4700,8 @@
     "node_modules/@types/format-util": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@types/format-util/-/format-util-1.0.4.tgz",
-      "integrity": "sha512-xrCYOdHh5zA3LUrn6CvspYwlzSWxPso11Lx32WnAG6KvLCRecKZ/Rh21PLXUkzUFsQmrGcx/traJAFjR6dVS5Q=="
+      "integrity": "sha512-xrCYOdHh5zA3LUrn6CvspYwlzSWxPso11Lx32WnAG6KvLCRecKZ/Rh21PLXUkzUFsQmrGcx/traJAFjR6dVS5Q==",
+      "license": "MIT"
     },
     "node_modules/@types/node": {
       "version": "22.19.5",
@@ -6815,9 +6877,10 @@
       }
     },
     "node_modules/date-fns": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
-      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.4.0.tgz",
+      "integrity": "sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==",
+      "license": "MIT",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/kossnocorp"
@@ -8328,6 +8391,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -9901,6 +9965,7 @@
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
       "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "dev": true,
       "optional": true,
       "bin": {
         "jiti": "lib/jiti-cli.mjs"
@@ -17764,7 +17829,7 @@
       "version": "2.8.3",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz",
       "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
-      "devOptional": true,
+      "dev": true,
       "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
diff --git a/package.json b/package.json
index a930507e1a..8ec254fe72 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "@kyper/utilityrow": "^2.1.0",
     "@mui/icons-material": "^6.1.5",
     "@mui/material": "^6.1.5",
-    "@mxenabled/mxui": "^1.5.4",
+    "@mxenabled/mxui": "^1.6.0",
     "@reduxjs/toolkit": "^2.2.7",
     "@types/node": "^22.1.0",
     "bowser": "^2.11.0",
diff --git a/src/components/StyledAccountTypeIcon.tsx b/src/components/StyledAccountTypeIcon.tsx
index 1f2c57cbc3..9b9a3ad979 100644
--- a/src/components/StyledAccountTypeIcon.tsx
+++ b/src/components/StyledAccountTypeIcon.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react'
 
-import { useTokens } from '@kyper/tokenprovider'
 import { Icon } from '@mxenabled/mxui'
-import { Accounts } from '@kyper/icon/Accounts'
+
+import { useTokens } from '@kyper/tokenprovider'
 import { Check } from '@kyper/icon/Check'
 import { Growth } from '@kyper/icon/Growth'
 import { Home } from '@kyper/icon/Home'
@@ -55,9 +55,9 @@ export const StyledAccountTypeIcon: React.FC<StyledAccountTypeIconProps> = ({
       case AccountTypes.UNKNOWN:
         return <Grid color={tokens.TextColor.Default} size={iconSize} />
       case 'accounts':
-        return <Accounts color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon color="inherit" name="account_balance" size={iconSize} />
       default:
-        return <Accounts color={tokens.TextColor.Default} size={iconSize} />
+        return <Icon color="inherit" name="account_balance" size={iconSize} />
     }
   }
   return <div style={styles.wrapper}>{getIcon()}</div>
diff --git a/src/views/microdeposits/SharedRoutingNumber.js b/src/views/microdeposits/SharedRoutingNumber.js
index ee2eec1ffc..368a5edd50 100644
--- a/src/views/microdeposits/SharedRoutingNumber.js
+++ b/src/views/microdeposits/SharedRoutingNumber.js
@@ -1,9 +1,8 @@
 import React, { useRef } from 'react'
 import PropTypes from 'prop-types'
 
-import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@mxenabled/mxui'
-import { Accounts } from '@kyper/icon/Accounts'
+import { Text, Icon } from '@mxenabled/mxui'
+import { Stack } from '@mui/material'
 import { Tag } from '@kyper/tag'
 
 import { __ } from 'src/utilities/Intl'
@@ -18,31 +17,31 @@ import { GoBackButtonHeader } from 'src/components/GoBackButtonHeader'
 import { ActionTile } from 'src/components/ActionTile'
 import { fadeOut } from 'src/utilities/Animation'
 
+import styles from 'src/views/microdeposits/SharedRoutingNumber.module.css'
+
 export const SharedRoutingNumber = (props) => {
   const { continueMicrodeposits, institutions, onGoBack, routingNumber, selectInstitution } = props
   useAnalyticsPath(...PageviewInfo.CONNECT_SHARED_ROUTING_NUMBER)
   const containerRef = useRef(null)
-  const tokens = useTokens()
-  const styles = getStyles(tokens)
   const getNextDelay = getDelay()
 
   return (
-    <div ref={containerRef} style={styles.container}>
+    <Stack ref={containerRef}>
       <SlideDown delay={getNextDelay()}>
         <GoBackButtonHeader handleGoBack={onGoBack} />
 
-        <Text component="h2" style={styles.title} truncate={false} variant="H2">
+        <Text className={styles.title} component="h2" truncate={false} variant="H2">
           {__('Select how to connect your account')}
         </Text>
       </SlideDown>
 
       <SlideDown delay={getNextDelay()}>
-        <div style={styles.instantBlock}>
-          <Text component="h3" style={styles.subTitle} truncate={false} variant="H3">
+        <Stack alignItems="center" className={styles.instantBlock} direction="row" spacing={1.5}>
+          <Text className={styles.subTitle} component="h3" truncate={false} variant="H3">
             {__('Instant')}
           </Text>
           <Tag size={'small'} title={__('Recommended')} variant={'success'} />
-        </div>
+        </Stack>
         <Text truncate={false} variant="Paragraph">
           {
             // --TR: Securely log into your account. We found {count} institutions with routing number {routing_number}.
@@ -57,7 +56,7 @@ export const SharedRoutingNumber = (props) => {
 
       {institutions.map((institution) => (
         <SlideDown delay={getNextDelay()} key={institution.guid}>
-          <div style={styles.institutions}>
+          <div className={styles.institutions}>
             <InstitutionTile
               institution={institution}
               key={institution.guid}
@@ -69,23 +68,16 @@ export const SharedRoutingNumber = (props) => {
       ))}
 
       <SlideDown delay={getNextDelay()}>
-        <hr aria-hidden={true} style={styles.hr} />
-        <div style={styles.twoToThreeBlock}>
-          <Text component="h3" style={styles.subTitle} truncate={false} variant="H3">
+        <hr aria-hidden={true} className={styles.hr} />
+        <Stack alignItems="center" className={styles.twoToThreeBlock} direction="row" spacing={1.5}>
+          <Text className={styles.subTitle} component="h3" truncate={false} variant="H3">
             {__('2-3 days')}
           </Text>
           <Tag size={'small'} title={__('Manual')} variant={'warning'} />
-        </div>
-        <div style={styles.actionTile}>
+        </Stack>
+        <div className={styles.actionTile}>
           <ActionTile
-            icon={
-              <Accounts
-                aria-hidden={true}
-                color={tokens.Color.NeutralWhite}
-                height={20}
-                width={20}
-              />
-            }
+            icon={<Icon aria-hidden={true} name="account_balance" size={20} />}
             onSelectAction={(e) =>
               fadeOut(containerRef.current, 'up', 300).then(() => continueMicrodeposits(e))
             }
@@ -94,47 +86,10 @@ export const SharedRoutingNumber = (props) => {
           />
         </div>
       </SlideDown>
-    </div>
+    </Stack>
   )
 }
 
-const getStyles = (tokens) => ({
-  container: {
-    display: 'flex',
-    flexDirection: 'column',
-  },
-  title: {
-    display: 'block',
-    marginTop: tokens.XSmall,
-    marginBottom: tokens.Spacing.Large,
-  },
-  institutions: {
-    marginLeft: '-15px',
-    marginRight: '-15px',
-  },
-  actionTile: {
-    marginLeft: `-${tokens.Spacing.Small}px`,
-    marginRight: `-${tokens.Spacing.Small}px`,
-    marginTop: tokens.Spacing.Tiny,
-  },
-  subTitle: {
-    display: 'block',
-    marginBottom: tokens.Spacing.Tiny,
-    marginRight: tokens.Spacing.Small,
-  },
-  hr: {
-    marginTop: tokens.Spacing.Small,
-  },
-  twoToThreeBlock: {
-    display: 'flex',
-    marginTop: '26px',
-  },
-  instantBlock: {
-    display: 'flex',
-    marginBottom: tokens.Spacing.XTiny,
-  },
-})
-
 SharedRoutingNumber.propTypes = {
   continueMicrodeposits: PropTypes.func.isRequired,
   institutions: PropTypes.array.isRequired,
diff --git a/src/views/microdeposits/SharedRoutingNumber.module.css b/src/views/microdeposits/SharedRoutingNumber.module.css
new file mode 100644
index 0000000000..36374c7f59
--- /dev/null
+++ b/src/views/microdeposits/SharedRoutingNumber.module.css
@@ -0,0 +1,36 @@
+.title:global(.MuiTypography-root) {
+  display: block;
+  margin-bottom: var(--spacing-3);
+}
+
+.subTitle:global(.MuiTypography-root) {
+  display: block;
+  margin-bottom: var(--spacing-point-5);
+}
+
+.instantBlock {
+  margin-bottom: var(--spacing-point-25);
+}
+
+.institutions {
+  margin-left: calc(-1 * var(--spacing-2));
+  margin-right: calc(-1 * var(--spacing-2));
+}
+
+.hr {
+  margin-top: var(--spacing-1-point-5);
+}
+
+.twoToThreeBlock {
+  margin-top: var(--spacing-3);
+}
+
+.actionTile {
+  margin-left: calc(-1 * var(--spacing-1-point-5));
+  margin-right: calc(-1 * var(--spacing-1-point-5));
+  margin-top: var(--spacing-point-5);
+}
+
+.actionTile :global(.MuiSvgIcon-root) {
+  color: var(--mui-palette-common-white);
+}