From 23225830fd6f0990e30ed34381ad25510a818e28 Mon Sep 17 00:00:00 2001
From: Douglas Fabris <devfabris@gmail.com>
Date: Tue, 16 Jun 2026 10:36:19 -0300
Subject: [PATCH 1/2] chore: bump packages

---
 apps/meteor/package.json                  |  4 +-
 apps/uikit-playground/package.json        |  2 +-
 packages/fuselage-ui-kit/package.json     |  2 +-
 packages/gazzodown/package.json           |  2 +-
 packages/storybook-config/package.json    |  2 +-
 packages/ui-avatar/package.json           |  2 +-
 packages/ui-client/package.json           |  4 +-
 packages/ui-composer/package.json         |  2 +-
 packages/ui-contexts/package.json         |  2 +-
 packages/ui-video-conf/package.json       |  2 +-
 packages/ui-voip/package.json             |  2 +-
 packages/web-ui-registration/package.json |  4 +-
 yarn.lock                                 | 47 ++++++++++++-----------
 13 files changed, 39 insertions(+), 38 deletions(-)

diff --git a/apps/meteor/package.json b/apps/meteor/package.json
index b5e20190c936e..461f4fee7d940 100644
--- a/apps/meteor/package.json
+++ b/apps/meteor/package.json
@@ -107,7 +107,7 @@
 		"@rocket.chat/favicon": "workspace:^",
 		"@rocket.chat/federation-matrix": "workspace:^",
 		"@rocket.chat/federation-sdk": "0.6.3",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-forms": "^1.3.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-toastbar": "^0.35.2",
@@ -119,7 +119,7 @@
 		"@rocket.chat/icons": "~0.47.0",
 		"@rocket.chat/instance-status": "workspace:^",
 		"@rocket.chat/jwt": "workspace:^",
-		"@rocket.chat/layout": "^0.34.2",
+		"@rocket.chat/layout": "^0.34.3",
 		"@rocket.chat/license": "workspace:^",
 		"@rocket.chat/log-format": "workspace:^",
 		"@rocket.chat/logger": "workspace:^",
diff --git a/apps/uikit-playground/package.json b/apps/uikit-playground/package.json
index e542f9314115d..ece658faf2d10 100644
--- a/apps/uikit-playground/package.json
+++ b/apps/uikit-playground/package.json
@@ -18,7 +18,7 @@
 		"@lezer/highlight": "^1.2.3",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-toastbar": "^0.35.2",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
diff --git a/packages/fuselage-ui-kit/package.json b/packages/fuselage-ui-kit/package.json
index d14341167d731..c3a469e0bf620 100644
--- a/packages/fuselage-ui-kit/package.json
+++ b/packages/fuselage-ui-kit/package.json
@@ -46,7 +46,7 @@
 		"@rocket.chat/apps-engine": "workspace:^",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/gazzodown/package.json b/packages/gazzodown/package.json
index f183d9e44abaf..e87ede5b9f278 100644
--- a/packages/gazzodown/package.json
+++ b/packages/gazzodown/package.json
@@ -31,7 +31,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "^0.32.0",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/storybook-config/package.json b/packages/storybook-config/package.json
index 04bcc756a7d19..217f670a6fddb 100644
--- a/packages/storybook-config/package.json
+++ b/packages/storybook-config/package.json
@@ -33,7 +33,7 @@
 		"webpack": "~5.104.1"
 	},
 	"devDependencies": {
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/icons": "~0.47.0",
 		"@rocket.chat/tsconfig": "workspace:*",
 		"@storybook/react": "^9.1.13",
diff --git a/packages/ui-avatar/package.json b/packages/ui-avatar/package.json
index 028f22090c1ef..a5f489be1459f 100644
--- a/packages/ui-avatar/package.json
+++ b/packages/ui-avatar/package.json
@@ -17,7 +17,7 @@
 	"devDependencies": {
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-client/package.json b/packages/ui-client/package.json
index 82a3d15eebb0f..f45c4b3f36a6e 100644
--- a/packages/ui-client/package.json
+++ b/packages/ui-client/package.json
@@ -26,12 +26,12 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "^0.32.0",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
 		"@rocket.chat/jest-presets": "workspace:~",
-		"@rocket.chat/layout": "^0.34.2",
+		"@rocket.chat/layout": "^0.34.3",
 		"@rocket.chat/logo": "^0.32.5",
 		"@rocket.chat/mock-providers": "workspace:^",
 		"@rocket.chat/models": "workspace:~",
diff --git a/packages/ui-composer/package.json b/packages/ui-composer/package.json
index b4865dcace484..2e04f9e22cbb1 100644
--- a/packages/ui-composer/package.json
+++ b/packages/ui-composer/package.json
@@ -22,7 +22,7 @@
 	"devDependencies": {
 		"@react-aria/toolbar": "^3.0.0-nightly.5042",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-contexts/package.json b/packages/ui-contexts/package.json
index 5d88cf8899664..a236535e89314 100644
--- a/packages/ui-contexts/package.json
+++ b/packages/ui-contexts/package.json
@@ -23,7 +23,7 @@
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/ddp-client": "workspace:~",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
diff --git a/packages/ui-video-conf/package.json b/packages/ui-video-conf/package.json
index 235c1561269ce..a1412b95275c4 100644
--- a/packages/ui-video-conf/package.json
+++ b/packages/ui-video-conf/package.json
@@ -22,7 +22,7 @@
 	},
 	"devDependencies": {
 		"@rocket.chat/css-in-js": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/icons": "~0.47.0",
diff --git a/packages/ui-voip/package.json b/packages/ui-voip/package.json
index 6ea0b297cbdd8..6643c47f812c1 100644
--- a/packages/ui-voip/package.json
+++ b/packages/ui-voip/package.json
@@ -30,7 +30,7 @@
 		"@react-spectrum/test-utils": "~1.0.0-alpha.8",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/css-in-js": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/fuselage-ui-kit": "workspace:^",
diff --git a/packages/web-ui-registration/package.json b/packages/web-ui-registration/package.json
index 6a10fdde434d6..25c4975044f1e 100644
--- a/packages/web-ui-registration/package.json
+++ b/packages/web-ui-registration/package.json
@@ -23,12 +23,12 @@
 		"@rocket.chat/core-typings": "workspace:~",
 		"@rocket.chat/css-in-js": "^0.32.0",
 		"@rocket.chat/emitter": "^0.32.0",
-		"@rocket.chat/fuselage": "^0.78.0",
+		"@rocket.chat/fuselage": "^0.79.0",
 		"@rocket.chat/fuselage-hooks": "^0.41.0",
 		"@rocket.chat/fuselage-tokens": "~0.33.2",
 		"@rocket.chat/i18n": "workspace:~",
 		"@rocket.chat/icons": "~0.47.0",
-		"@rocket.chat/layout": "^0.34.2",
+		"@rocket.chat/layout": "^0.34.3",
 		"@rocket.chat/mock-providers": "workspace:~",
 		"@rocket.chat/rest-typings": "workspace:~",
 		"@rocket.chat/storybook-config": "workspace:~",
diff --git a/yarn.lock b/yarn.lock
index 5b82c70e5cbe1..04749d0c64789 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9441,7 +9441,7 @@ __metadata:
     "@rocket.chat/apps-engine": "workspace:^"
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/gazzodown": "workspace:^"
@@ -9496,9 +9496,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@rocket.chat/fuselage@npm:^0.78.0":
-  version: 0.78.0
-  resolution: "@rocket.chat/fuselage@npm:0.78.0"
+"@rocket.chat/fuselage@npm:^0.79.0":
+  version: 0.79.0
+  resolution: "@rocket.chat/fuselage@npm:0.79.0"
   dependencies:
     "@rocket.chat/css-in-js": "npm:^0.32.0"
     "@rocket.chat/css-supports": "npm:^0.31.25"
@@ -9514,7 +9514,7 @@ __metadata:
     react: "*"
     react-dom: "*"
     react-virtuoso: "*"
-  checksum: 10/135670f1b74496bca2827504fe5ed415d4d21071f556019e04b936428f406466680cf9c000e3938ab07b56dddd8b8831e4b9e26438ac1d31c615364ac41635bf
+  checksum: 10/a49eaeb195819dcc846ffeaa605484cf5bd9a2f076226bf9185dfadda278eef6ebdf8b107251b466f8692ebac1209b1385c01c1f4b9ce8e667b5f154aa823ecb
   languageName: node
   linkType: hard
 
@@ -9525,7 +9525,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:^0.32.0"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -9676,15 +9676,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@rocket.chat/layout@npm:^0.34.2":
-  version: 0.34.2
-  resolution: "@rocket.chat/layout@npm:0.34.2"
+"@rocket.chat/layout@npm:^0.34.3":
+  version: 0.34.3
+  resolution: "@rocket.chat/layout@npm:0.34.3"
   peerDependencies:
     "@rocket.chat/fuselage": "*"
+    "@rocket.chat/logo": "*"
     react: "*"
     react-dom: "*"
     react-i18next: "*"
-  checksum: 10/435ff744a7107cd8da22cfb9fe64d798b825d652c9327c375f076bf737a029601808072cb453e86903e846234ef9643041888b11b652ff02b5a97bc81c073b4d
+  checksum: 10/d751437cf83780d544b897e7971098e14f43e4395745df85f220a95472c7227dd1b1ebf509604650adf2fef32fc96e6247a7cc797907dbd200a70c75e0c3837f
   languageName: node
   linkType: hard
 
@@ -9969,7 +9970,7 @@ __metadata:
     "@rocket.chat/favicon": "workspace:^"
     "@rocket.chat/federation-matrix": "workspace:^"
     "@rocket.chat/federation-sdk": "npm:0.6.3"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-forms": "npm:^1.3.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-toastbar": "npm:^0.35.2"
@@ -9982,7 +9983,7 @@ __metadata:
     "@rocket.chat/instance-status": "workspace:^"
     "@rocket.chat/jest-presets": "workspace:~"
     "@rocket.chat/jwt": "workspace:^"
-    "@rocket.chat/layout": "npm:^0.34.2"
+    "@rocket.chat/layout": "npm:^0.34.3"
     "@rocket.chat/license": "workspace:^"
     "@rocket.chat/livechat": "workspace:^"
     "@rocket.chat/log-format": "workspace:^"
@@ -10852,7 +10853,7 @@ __metadata:
   resolution: "@rocket.chat/storybook-config@workspace:packages/storybook-config"
   dependencies:
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -10947,7 +10948,7 @@ __metadata:
   dependencies:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -10974,12 +10975,12 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:^0.32.0"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
     "@rocket.chat/jest-presets": "workspace:~"
-    "@rocket.chat/layout": "npm:^0.34.2"
+    "@rocket.chat/layout": "npm:^0.34.3"
     "@rocket.chat/logo": "npm:^0.32.5"
     "@rocket.chat/mock-providers": "workspace:^"
     "@rocket.chat/models": "workspace:~"
@@ -11031,7 +11032,7 @@ __metadata:
   dependencies:
     "@react-aria/toolbar": "npm:^3.0.0-nightly.5042"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11071,7 +11072,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/ddp-client": "workspace:~"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"
@@ -11130,7 +11131,7 @@ __metadata:
   dependencies:
     "@rocket.chat/css-in-js": "npm:^0.32.0"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/icons": "npm:~0.47.0"
@@ -11177,7 +11178,7 @@ __metadata:
     "@rocket.chat/css-in-js": "npm:^0.32.0"
     "@rocket.chat/desktop-api": "workspace:^"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/fuselage-ui-kit": "workspace:^"
@@ -11241,7 +11242,7 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/css-in-js": "npm:^0.32.0"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-toastbar": "npm:^0.35.2"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
@@ -11279,12 +11280,12 @@ __metadata:
     "@rocket.chat/core-typings": "workspace:~"
     "@rocket.chat/css-in-js": "npm:^0.32.0"
     "@rocket.chat/emitter": "npm:^0.32.0"
-    "@rocket.chat/fuselage": "npm:^0.78.0"
+    "@rocket.chat/fuselage": "npm:^0.79.0"
     "@rocket.chat/fuselage-hooks": "npm:^0.41.0"
     "@rocket.chat/fuselage-tokens": "npm:~0.33.2"
     "@rocket.chat/i18n": "workspace:~"
     "@rocket.chat/icons": "npm:~0.47.0"
-    "@rocket.chat/layout": "npm:^0.34.2"
+    "@rocket.chat/layout": "npm:^0.34.3"
     "@rocket.chat/mock-providers": "workspace:~"
     "@rocket.chat/rest-typings": "workspace:~"
     "@rocket.chat/storybook-config": "workspace:~"

From 7187ef8005cf53c83939d12224b27ef40f17d807 Mon Sep 17 00:00:00 2001
From: Douglas Fabris <devfabris@gmail.com>
Date: Tue, 16 Jun 2026 13:00:39 -0300
Subject: [PATCH 2/2] chore: update snapshot

---
 .../CreateDiscussion.spec.tsx.snap            |   1 +
 .../TimestampPicker.spec.tsx.snap             | 386 +++++++++---------
 .../RoomFormAttributeField.spec.tsx.snap      |   1 +
 .../AppLogsFilterContextualBar.spec.tsx.snap  | 166 ++++----
 .../AppLogsFilterExpanded.spec.tsx.snap       | 176 ++++----
 .../CannedResponseList.spec.tsx.snap          |  56 +--
 .../__snapshots__/RoomFiles.spec.tsx.snap     | 258 ++++++------
 .../__snapshots__/InviteUsers.spec.tsx.snap   | 166 ++++----
 .../__snapshots__/RoomMembers.spec.tsx.snap   | 240 ++++++-----
 9 files changed, 760 insertions(+), 690 deletions(-)

diff --git a/apps/meteor/client/components/CreateDiscussion/__snapshots__/CreateDiscussion.spec.tsx.snap b/apps/meteor/client/components/CreateDiscussion/__snapshots__/CreateDiscussion.spec.tsx.snap
index f79ddc71ebcc7..915ce0fc0ed33 100644
--- a/apps/meteor/client/components/CreateDiscussion/__snapshots__/CreateDiscussion.spec.tsx.snap
+++ b/apps/meteor/client/components/CreateDiscussion/__snapshots__/CreateDiscussion.spec.tsx.snap
@@ -215,6 +215,7 @@ exports[`CreateDiscussion renders Default without crashing 1`] = `
                           aria-haspopup="listbox"
                           aria-invalid="false"
                           aria-labelledby="react-aria-:r4:-label"
+                          autocomplete="off"
                           class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-pqpp8q"
                           id="react-aria-:r4:"
                           name="usernames"
diff --git a/apps/meteor/client/components/message/toolbar/items/actions/Timestamp/TimestampPicker/__snapshots__/TimestampPicker.spec.tsx.snap b/apps/meteor/client/components/message/toolbar/items/actions/Timestamp/TimestampPicker/__snapshots__/TimestampPicker.spec.tsx.snap
index a504f39d3e63c..433706e37a582 100644
--- a/apps/meteor/client/components/message/toolbar/items/actions/Timestamp/TimestampPicker/__snapshots__/TimestampPicker.spec.tsx.snap
+++ b/apps/meteor/client/components/message/toolbar/items/actions/Timestamp/TimestampPicker/__snapshots__/TimestampPicker.spec.tsx.snap
@@ -213,54 +213,58 @@ exports[`Story Tests renders Default without crashing 1`] = `
                     class="rcx-box rcx-box--full rcx-field__row"
                   >
                     <div
-                      aria-hidden="true"
-                      data-a11y-ignore="aria-hidden-focus"
-                      data-react-aria-prevent-focus="true"
-                      data-testid="hidden-select-container"
-                      style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      class="rcx-box rcx-box--full rcx-css-1mbgoc8"
                     >
-                      <label>
-                        <select
-                          tabindex="-1"
-                        >
-                          <option />
-                          <option
-                            value="t"
-                          >
-                            t
-                          </option>
-                          <option
-                            value="T"
-                          >
-                            T
-                          </option>
-                          <option
-                            value="d"
-                          >
-                            d
-                          </option>
-                          <option
-                            value="D"
-                          >
-                            D
-                          </option>
-                          <option
-                            value="f"
-                          >
-                            f
-                          </option>
-                          <option
-                            value="F"
-                          >
-                            F
-                          </option>
-                          <option
-                            value="R"
-                          >
-                            R
-                          </option>
-                        </select>
-                      </label>
+                      <div
+                        aria-hidden="true"
+                        data-a11y-ignore="aria-hidden-focus"
+                        data-react-aria-prevent-focus="true"
+                        data-testid="hidden-select-container"
+                        style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      >
+                        <label>
+                          <select
+                            tabindex="-1"
+                          >
+                            <option />
+                            <option
+                              value="t"
+                            >
+                              t
+                            </option>
+                            <option
+                              value="T"
+                            >
+                              T
+                            </option>
+                            <option
+                              value="d"
+                            >
+                              d
+                            </option>
+                            <option
+                              value="D"
+                            >
+                              D
+                            </option>
+                            <option
+                              value="f"
+                            >
+                              f
+                            </option>
+                            <option
+                              value="F"
+                            >
+                              F
+                            </option>
+                            <option
+                              value="R"
+                            >
+                              R
+                            </option>
+                          </select>
+                        </label>
+                      </div>
                     </div>
                     <button
                       aria-expanded="false"
@@ -305,149 +309,153 @@ exports[`Story Tests renders Default without crashing 1`] = `
                     class="rcx-box rcx-box--full rcx-field__row"
                   >
                     <div
-                      aria-hidden="true"
-                      data-a11y-ignore="aria-hidden-focus"
-                      data-react-aria-prevent-focus="true"
-                      data-testid="hidden-select-container"
-                      style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      class="rcx-box rcx-box--full rcx-css-1mbgoc8"
                     >
-                      <label>
-                        <select
-                          tabindex="-1"
-                        >
-                          <option />
-                          <option
-                            value="local"
-                          >
-                            local
-                          </option>
-                          <option
-                            value="UTC-12"
-                          >
-                            UTC-12
-                          </option>
-                          <option
-                            value="UTC-11"
-                          >
-                            UTC-11
-                          </option>
-                          <option
-                            value="UTC-10"
-                          >
-                            UTC-10
-                          </option>
-                          <option
-                            value="UTC-9"
-                          >
-                            UTC-9
-                          </option>
-                          <option
-                            value="UTC-8"
-                          >
-                            UTC-8
-                          </option>
-                          <option
-                            value="UTC-7"
-                          >
-                            UTC-7
-                          </option>
-                          <option
-                            value="UTC-6"
-                          >
-                            UTC-6
-                          </option>
-                          <option
-                            value="UTC-5"
-                          >
-                            UTC-5
-                          </option>
-                          <option
-                            value="UTC-4"
-                          >
-                            UTC-4
-                          </option>
-                          <option
-                            value="UTC-3"
-                          >
-                            UTC-3
-                          </option>
-                          <option
-                            value="UTC-2"
-                          >
-                            UTC-2
-                          </option>
-                          <option
-                            value="UTC-1"
-                          >
-                            UTC-1
-                          </option>
-                          <option
-                            value="UTC"
-                          >
-                            UTC
-                          </option>
-                          <option
-                            value="UTC+1"
-                          >
-                            UTC+1
-                          </option>
-                          <option
-                            value="UTC+2"
-                          >
-                            UTC+2
-                          </option>
-                          <option
-                            value="UTC+3"
-                          >
-                            UTC+3
-                          </option>
-                          <option
-                            value="UTC+4"
-                          >
-                            UTC+4
-                          </option>
-                          <option
-                            value="UTC+5"
-                          >
-                            UTC+5
-                          </option>
-                          <option
-                            value="UTC+6"
-                          >
-                            UTC+6
-                          </option>
-                          <option
-                            value="UTC+7"
-                          >
-                            UTC+7
-                          </option>
-                          <option
-                            value="UTC+8"
-                          >
-                            UTC+8
-                          </option>
-                          <option
-                            value="UTC+9"
-                          >
-                            UTC+9
-                          </option>
-                          <option
-                            value="UTC+10"
-                          >
-                            UTC+10
-                          </option>
-                          <option
-                            value="UTC+11"
-                          >
-                            UTC+11
-                          </option>
-                          <option
-                            value="UTC+12"
-                          >
-                            UTC+12
-                          </option>
-                        </select>
-                      </label>
+                      <div
+                        aria-hidden="true"
+                        data-a11y-ignore="aria-hidden-focus"
+                        data-react-aria-prevent-focus="true"
+                        data-testid="hidden-select-container"
+                        style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      >
+                        <label>
+                          <select
+                            tabindex="-1"
+                          >
+                            <option />
+                            <option
+                              value="local"
+                            >
+                              local
+                            </option>
+                            <option
+                              value="UTC-12"
+                            >
+                              UTC-12
+                            </option>
+                            <option
+                              value="UTC-11"
+                            >
+                              UTC-11
+                            </option>
+                            <option
+                              value="UTC-10"
+                            >
+                              UTC-10
+                            </option>
+                            <option
+                              value="UTC-9"
+                            >
+                              UTC-9
+                            </option>
+                            <option
+                              value="UTC-8"
+                            >
+                              UTC-8
+                            </option>
+                            <option
+                              value="UTC-7"
+                            >
+                              UTC-7
+                            </option>
+                            <option
+                              value="UTC-6"
+                            >
+                              UTC-6
+                            </option>
+                            <option
+                              value="UTC-5"
+                            >
+                              UTC-5
+                            </option>
+                            <option
+                              value="UTC-4"
+                            >
+                              UTC-4
+                            </option>
+                            <option
+                              value="UTC-3"
+                            >
+                              UTC-3
+                            </option>
+                            <option
+                              value="UTC-2"
+                            >
+                              UTC-2
+                            </option>
+                            <option
+                              value="UTC-1"
+                            >
+                              UTC-1
+                            </option>
+                            <option
+                              value="UTC"
+                            >
+                              UTC
+                            </option>
+                            <option
+                              value="UTC+1"
+                            >
+                              UTC+1
+                            </option>
+                            <option
+                              value="UTC+2"
+                            >
+                              UTC+2
+                            </option>
+                            <option
+                              value="UTC+3"
+                            >
+                              UTC+3
+                            </option>
+                            <option
+                              value="UTC+4"
+                            >
+                              UTC+4
+                            </option>
+                            <option
+                              value="UTC+5"
+                            >
+                              UTC+5
+                            </option>
+                            <option
+                              value="UTC+6"
+                            >
+                              UTC+6
+                            </option>
+                            <option
+                              value="UTC+7"
+                            >
+                              UTC+7
+                            </option>
+                            <option
+                              value="UTC+8"
+                            >
+                              UTC+8
+                            </option>
+                            <option
+                              value="UTC+9"
+                            >
+                              UTC+9
+                            </option>
+                            <option
+                              value="UTC+10"
+                            >
+                              UTC+10
+                            </option>
+                            <option
+                              value="UTC+11"
+                            >
+                              UTC+11
+                            </option>
+                            <option
+                              value="UTC+12"
+                            >
+                              UTC+12
+                            </option>
+                          </select>
+                        </label>
+                      </div>
                     </div>
                     <button
                       aria-expanded="false"
diff --git a/apps/meteor/client/views/admin/ABAC/ABACRoomsTab/__snapshots__/RoomFormAttributeField.spec.tsx.snap b/apps/meteor/client/views/admin/ABAC/ABACRoomsTab/__snapshots__/RoomFormAttributeField.spec.tsx.snap
index 2b81b2e048525..effa25de7ee6a 100644
--- a/apps/meteor/client/views/admin/ABAC/ABACRoomsTab/__snapshots__/RoomFormAttributeField.spec.tsx.snap
+++ b/apps/meteor/client/views/admin/ABAC/ABACRoomsTab/__snapshots__/RoomFormAttributeField.spec.tsx.snap
@@ -61,6 +61,7 @@ exports[`RoomFormAttributeField renders Default without crashing 1`] = `
                   aria-haspopup="listbox"
                   aria-invalid="false"
                   aria-required="false"
+                  autocomplete="off"
                   class="rcx-box rcx-box--full rcx-box--animated rcx-input-box--undecorated rcx-input-box rcx-css-trljwa rcx-css-pqpp8q"
                   name="attributes.0.values"
                   placeholder="ABAC_Select_Attribute_Values"
diff --git a/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterContextualBar.spec.tsx.snap b/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterContextualBar.spec.tsx.snap
index 223007c203320..b8fc2fb2e641c 100644
--- a/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterContextualBar.spec.tsx.snap
+++ b/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterContextualBar.spec.tsx.snap
@@ -87,55 +87,59 @@ exports[`renders AppLogsItem without crashing 1`] = `
                       Time
                     </label>
                     <div
-                      aria-hidden="true"
-                      data-a11y-ignore="aria-hidden-focus"
-                      data-react-aria-prevent-focus="true"
-                      data-testid="hidden-select-container"
-                      style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      class="rcx-box rcx-box--full rcx-css-1mbgoc8"
                     >
-                      <label>
-                        <select
-                          name="timeFilter"
-                          tabindex="-1"
-                        >
-                          <option />
-                          <option
-                            value="all"
-                          >
-                            all
-                          </option>
-                          <option
-                            value="today"
-                          >
-                            today
-                          </option>
-                          <option
-                            value="last5Minutes"
-                          >
-                            last5Minutes
-                          </option>
-                          <option
-                            value="last15Minutes"
-                          >
-                            last15Minutes
-                          </option>
-                          <option
-                            value="last30Minutes"
-                          >
-                            last30Minutes
-                          </option>
-                          <option
-                            value="last1Hour"
-                          >
-                            last1Hour
-                          </option>
-                          <option
-                            value="thisWeek"
+                      <div
+                        aria-hidden="true"
+                        data-a11y-ignore="aria-hidden-focus"
+                        data-react-aria-prevent-focus="true"
+                        data-testid="hidden-select-container"
+                        style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      >
+                        <label>
+                          <select
+                            name="timeFilter"
+                            tabindex="-1"
                           >
-                            thisWeek
-                          </option>
-                        </select>
-                      </label>
+                            <option />
+                            <option
+                              value="all"
+                            >
+                              all
+                            </option>
+                            <option
+                              value="today"
+                            >
+                              today
+                            </option>
+                            <option
+                              value="last5Minutes"
+                            >
+                              last5Minutes
+                            </option>
+                            <option
+                              value="last15Minutes"
+                            >
+                              last15Minutes
+                            </option>
+                            <option
+                              value="last30Minutes"
+                            >
+                              last30Minutes
+                            </option>
+                            <option
+                              value="last1Hour"
+                            >
+                              last1Hour
+                            </option>
+                            <option
+                              value="thisWeek"
+                            >
+                              thisWeek
+                            </option>
+                          </select>
+                        </label>
+                      </div>
                     </div>
                     <button
                       aria-expanded="false"
@@ -304,40 +308,44 @@ exports[`renders AppLogsItem without crashing 1`] = `
                       Severity
                     </label>
                     <div
-                      aria-hidden="true"
-                      data-a11y-ignore="aria-hidden-focus"
-                      data-react-aria-prevent-focus="true"
-                      data-testid="hidden-select-container"
-                      style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      class="rcx-box rcx-box--full rcx-css-1mbgoc8"
                     >
-                      <label>
-                        <select
-                          name="severity"
-                          tabindex="-1"
-                        >
-                          <option />
-                          <option
-                            value="all"
-                          >
-                            all
-                          </option>
-                          <option
-                            value="0"
-                          >
-                            0
-                          </option>
-                          <option
-                            value="1"
-                          >
-                            1
-                          </option>
-                          <option
-                            value="2"
+                      <div
+                        aria-hidden="true"
+                        data-a11y-ignore="aria-hidden-focus"
+                        data-react-aria-prevent-focus="true"
+                        data-testid="hidden-select-container"
+                        style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                      >
+                        <label>
+                          <select
+                            name="severity"
+                            tabindex="-1"
                           >
-                            2
-                          </option>
-                        </select>
-                      </label>
+                            <option />
+                            <option
+                              value="all"
+                            >
+                              all
+                            </option>
+                            <option
+                              value="0"
+                            >
+                              0
+                            </option>
+                            <option
+                              value="1"
+                            >
+                              1
+                            </option>
+                            <option
+                              value="2"
+                            >
+                              2
+                            </option>
+                          </select>
+                        </label>
+                      </div>
                     </div>
                     <button
                       aria-expanded="false"
diff --git a/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterExpanded.spec.tsx.snap b/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterExpanded.spec.tsx.snap
index 5b23a5e644021..387e4b58d3d22 100644
--- a/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterExpanded.spec.tsx.snap
+++ b/apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppLogs/Filters/__snapshots__/AppLogsFilterExpanded.spec.tsx.snap
@@ -40,60 +40,64 @@ exports[`renders AppLogsItem without crashing 1`] = `
             Time
           </label>
           <div
-            aria-hidden="true"
-            data-a11y-ignore="aria-hidden-focus"
-            data-react-aria-prevent-focus="true"
-            data-testid="hidden-select-container"
-            style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+            class="rcx-box rcx-box--full rcx-css-1mbgoc8"
           >
-            <label>
-              <select
-                name="timeFilter"
-                tabindex="-1"
-              >
-                <option />
-                <option
-                  value="all"
-                >
-                  all
-                </option>
-                <option
-                  value="today"
-                >
-                  today
-                </option>
-                <option
-                  value="last5Minutes"
-                >
-                  last5Minutes
-                </option>
-                <option
-                  value="last15Minutes"
-                >
-                  last15Minutes
-                </option>
-                <option
-                  value="last30Minutes"
-                >
-                  last30Minutes
-                </option>
-                <option
-                  value="last1Hour"
-                >
-                  last1Hour
-                </option>
-                <option
-                  value="thisWeek"
-                >
-                  thisWeek
-                </option>
-                <option
-                  value="custom"
+            <div
+              aria-hidden="true"
+              data-a11y-ignore="aria-hidden-focus"
+              data-react-aria-prevent-focus="true"
+              data-testid="hidden-select-container"
+              style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+            >
+              <label>
+                <select
+                  name="timeFilter"
+                  tabindex="-1"
                 >
-                  custom
-                </option>
-              </select>
-            </label>
+                  <option />
+                  <option
+                    value="all"
+                  >
+                    all
+                  </option>
+                  <option
+                    value="today"
+                  >
+                    today
+                  </option>
+                  <option
+                    value="last5Minutes"
+                  >
+                    last5Minutes
+                  </option>
+                  <option
+                    value="last15Minutes"
+                  >
+                    last15Minutes
+                  </option>
+                  <option
+                    value="last30Minutes"
+                  >
+                    last30Minutes
+                  </option>
+                  <option
+                    value="last1Hour"
+                  >
+                    last1Hour
+                  </option>
+                  <option
+                    value="thisWeek"
+                  >
+                    thisWeek
+                  </option>
+                  <option
+                    value="custom"
+                  >
+                    custom
+                  </option>
+                </select>
+              </label>
+            </div>
           </div>
           <button
             aria-expanded="false"
@@ -146,40 +150,44 @@ exports[`renders AppLogsItem without crashing 1`] = `
             Severity
           </label>
           <div
-            aria-hidden="true"
-            data-a11y-ignore="aria-hidden-focus"
-            data-react-aria-prevent-focus="true"
-            data-testid="hidden-select-container"
-            style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+            class="rcx-box rcx-box--full rcx-css-1mbgoc8"
           >
-            <label>
-              <select
-                name="severity"
-                tabindex="-1"
-              >
-                <option />
-                <option
-                  value="all"
-                >
-                  all
-                </option>
-                <option
-                  value="0"
-                >
-                  0
-                </option>
-                <option
-                  value="1"
-                >
-                  1
-                </option>
-                <option
-                  value="2"
+            <div
+              aria-hidden="true"
+              data-a11y-ignore="aria-hidden-focus"
+              data-react-aria-prevent-focus="true"
+              data-testid="hidden-select-container"
+              style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+            >
+              <label>
+                <select
+                  name="severity"
+                  tabindex="-1"
                 >
-                  2
-                </option>
-              </select>
-            </label>
+                  <option />
+                  <option
+                    value="all"
+                  >
+                    all
+                  </option>
+                  <option
+                    value="0"
+                  >
+                    0
+                  </option>
+                  <option
+                    value="1"
+                  >
+                    1
+                  </option>
+                  <option
+                    value="2"
+                  >
+                    2
+                  </option>
+                </select>
+              </label>
+            </div>
           </div>
           <button
             aria-expanded="false"
diff --git a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/__snapshots__/CannedResponseList.spec.tsx.snap b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/__snapshots__/CannedResponseList.spec.tsx.snap
index 757b201deb552..08038443f876d 100644
--- a/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/__snapshots__/CannedResponseList.spec.tsx.snap
+++ b/apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/__snapshots__/CannedResponseList.spec.tsx.snap
@@ -80,34 +80,38 @@ exports[`CannedResponseList Storybook Stories renders Default without crashing 1
                   class="rcx-box rcx-box--full rcx-css-1dtwr38 rcx-css-njvvp7"
                 >
                   <div
-                    aria-hidden="true"
-                    data-a11y-ignore="aria-hidden-focus"
-                    data-react-aria-prevent-focus="true"
-                    data-testid="hidden-select-container"
-                    style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                    class="rcx-box rcx-box--full rcx-css-1mbgoc8"
                   >
-                    <label>
-                      <select
-                        tabindex="-1"
-                      >
-                        <option />
-                        <option
-                          value="all"
-                        >
-                          all
-                        </option>
-                        <option
-                          value="global"
-                        >
-                          global
-                        </option>
-                        <option
-                          value="user"
+                    <div
+                      aria-hidden="true"
+                      data-a11y-ignore="aria-hidden-focus"
+                      data-react-aria-prevent-focus="true"
+                      data-testid="hidden-select-container"
+                      style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                    >
+                      <label>
+                        <select
+                          tabindex="-1"
                         >
-                          user
-                        </option>
-                      </select>
-                    </label>
+                          <option />
+                          <option
+                            value="all"
+                          >
+                            all
+                          </option>
+                          <option
+                            value="global"
+                          >
+                            global
+                          </option>
+                          <option
+                            value="user"
+                          >
+                            user
+                          </option>
+                        </select>
+                      </label>
+                    </div>
                   </div>
                   <button
                     aria-expanded="false"
diff --git a/apps/meteor/client/views/room/contextualBar/RoomFiles/__snapshots__/RoomFiles.spec.tsx.snap b/apps/meteor/client/views/room/contextualBar/RoomFiles/__snapshots__/RoomFiles.spec.tsx.snap
index 8dcdfbe88dfb3..052345a970340 100644
--- a/apps/meteor/client/views/room/contextualBar/RoomFiles/__snapshots__/RoomFiles.spec.tsx.snap
+++ b/apps/meteor/client/views/room/contextualBar/RoomFiles/__snapshots__/RoomFiles.spec.tsx.snap
@@ -70,49 +70,53 @@ exports[`renders Default without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
               >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="all"
-                    >
-                      all
-                    </option>
-                    <option
-                      value="image"
-                    >
-                      image
-                    </option>
-                    <option
-                      value="video"
-                    >
-                      video
-                    </option>
-                    <option
-                      value="audio"
-                    >
-                      audio
-                    </option>
-                    <option
-                      value="text"
-                    >
-                      text
-                    </option>
-                    <option
-                      value="application"
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      application
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                      <option
+                        value="image"
+                      >
+                        image
+                      </option>
+                      <option
+                        value="video"
+                      >
+                        video
+                      </option>
+                      <option
+                        value="audio"
+                      >
+                        audio
+                      </option>
+                      <option
+                        value="text"
+                      >
+                        text
+                      </option>
+                      <option
+                        value="application"
+                      >
+                        application
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"
@@ -284,49 +288,53 @@ exports[`renders Empty without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
               >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="all"
-                    >
-                      all
-                    </option>
-                    <option
-                      value="image"
-                    >
-                      image
-                    </option>
-                    <option
-                      value="video"
-                    >
-                      video
-                    </option>
-                    <option
-                      value="audio"
-                    >
-                      audio
-                    </option>
-                    <option
-                      value="text"
-                    >
-                      text
-                    </option>
-                    <option
-                      value="application"
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      application
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                      <option
+                        value="image"
+                      >
+                        image
+                      </option>
+                      <option
+                        value="video"
+                      >
+                        video
+                      </option>
+                      <option
+                        value="audio"
+                      >
+                        audio
+                      </option>
+                      <option
+                        value="text"
+                      >
+                        text
+                      </option>
+                      <option
+                        value="application"
+                      >
+                        application
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"
@@ -494,49 +502,53 @@ exports[`renders Loading without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
               >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="all"
-                    >
-                      all
-                    </option>
-                    <option
-                      value="image"
-                    >
-                      image
-                    </option>
-                    <option
-                      value="video"
-                    >
-                      video
-                    </option>
-                    <option
-                      value="audio"
-                    >
-                      audio
-                    </option>
-                    <option
-                      value="text"
-                    >
-                      text
-                    </option>
-                    <option
-                      value="application"
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      application
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                      <option
+                        value="image"
+                      >
+                        image
+                      </option>
+                      <option
+                        value="video"
+                      >
+                        video
+                      </option>
+                      <option
+                        value="audio"
+                      >
+                        audio
+                      </option>
+                      <option
+                        value="text"
+                      >
+                        text
+                      </option>
+                      <option
+                        value="application"
+                      >
+                        application
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"
diff --git a/apps/meteor/client/views/room/contextualBar/RoomMembers/InviteUsers/__snapshots__/InviteUsers.spec.tsx.snap b/apps/meteor/client/views/room/contextualBar/RoomMembers/InviteUsers/__snapshots__/InviteUsers.spec.tsx.snap
index 13e052ccf0d5d..e0fb1f549d460 100644
--- a/apps/meteor/client/views/room/contextualBar/RoomMembers/InviteUsers/__snapshots__/InviteUsers.spec.tsx.snap
+++ b/apps/meteor/client/views/room/contextualBar/RoomMembers/InviteUsers/__snapshots__/InviteUsers.spec.tsx.snap
@@ -284,45 +284,49 @@ exports[`renders InviteEdit without crashing 1`] = `
                       class="rcx-box rcx-box--full rcx-field__row"
                     >
                       <div
-                        aria-hidden="true"
-                        data-a11y-ignore="aria-hidden-focus"
-                        data-react-aria-prevent-focus="true"
-                        data-testid="hidden-select-container"
-                        style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                        class="rcx-box rcx-box--full rcx-css-1mbgoc8"
                       >
-                        <label>
-                          <select
-                            name="days"
-                            tabindex="-1"
-                          >
-                            <option />
-                            <option
-                              value="1"
-                            >
-                              1
-                            </option>
-                            <option
-                              value="7"
-                            >
-                              7
-                            </option>
-                            <option
-                              value="15"
-                            >
-                              15
-                            </option>
-                            <option
-                              value="30"
-                            >
-                              30
-                            </option>
-                            <option
-                              value="0"
+                        <div
+                          aria-hidden="true"
+                          data-a11y-ignore="aria-hidden-focus"
+                          data-react-aria-prevent-focus="true"
+                          data-testid="hidden-select-container"
+                          style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                        >
+                          <label>
+                            <select
+                              name="days"
+                              tabindex="-1"
                             >
-                              0
-                            </option>
-                          </select>
-                        </label>
+                              <option />
+                              <option
+                                value="1"
+                              >
+                                1
+                              </option>
+                              <option
+                                value="7"
+                              >
+                                7
+                              </option>
+                              <option
+                                value="15"
+                              >
+                                15
+                              </option>
+                              <option
+                                value="30"
+                              >
+                                30
+                              </option>
+                              <option
+                                value="0"
+                              >
+                                0
+                              </option>
+                            </select>
+                          </label>
+                        </div>
                       </div>
                       <button
                         aria-expanded="false"
@@ -360,50 +364,54 @@ exports[`renders InviteEdit without crashing 1`] = `
                       class="rcx-box rcx-box--full rcx-field__row"
                     >
                       <div
-                        aria-hidden="true"
-                        data-a11y-ignore="aria-hidden-focus"
-                        data-react-aria-prevent-focus="true"
-                        data-testid="hidden-select-container"
-                        style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                        class="rcx-box rcx-box--full rcx-css-1mbgoc8"
                       >
-                        <label>
-                          <select
-                            name="maxUses"
-                            tabindex="-1"
-                          >
-                            <option />
-                            <option
-                              value="5"
-                            >
-                              5
-                            </option>
-                            <option
-                              value="10"
-                            >
-                              10
-                            </option>
-                            <option
-                              value="25"
-                            >
-                              25
-                            </option>
-                            <option
-                              value="50"
-                            >
-                              50
-                            </option>
-                            <option
-                              value="100"
-                            >
-                              100
-                            </option>
-                            <option
-                              value="0"
+                        <div
+                          aria-hidden="true"
+                          data-a11y-ignore="aria-hidden-focus"
+                          data-react-aria-prevent-focus="true"
+                          data-testid="hidden-select-container"
+                          style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                        >
+                          <label>
+                            <select
+                              name="maxUses"
+                              tabindex="-1"
                             >
-                              0
-                            </option>
-                          </select>
-                        </label>
+                              <option />
+                              <option
+                                value="5"
+                              >
+                                5
+                              </option>
+                              <option
+                                value="10"
+                              >
+                                10
+                              </option>
+                              <option
+                                value="25"
+                              >
+                                25
+                              </option>
+                              <option
+                                value="50"
+                              >
+                                50
+                              </option>
+                              <option
+                                value="100"
+                              >
+                                100
+                              </option>
+                              <option
+                                value="0"
+                              >
+                                0
+                              </option>
+                            </select>
+                          </label>
+                        </div>
                       </div>
                       <button
                         aria-expanded="false"
diff --git a/apps/meteor/client/views/room/contextualBar/RoomMembers/__snapshots__/RoomMembers.spec.tsx.snap b/apps/meteor/client/views/room/contextualBar/RoomMembers/__snapshots__/RoomMembers.spec.tsx.snap
index 0ac5cab2aa35c..73e497bad7475 100644
--- a/apps/meteor/client/views/room/contextualBar/RoomMembers/__snapshots__/RoomMembers.spec.tsx.snap
+++ b/apps/meteor/client/views/room/contextualBar/RoomMembers/__snapshots__/RoomMembers.spec.tsx.snap
@@ -69,29 +69,33 @@ exports[`renders Default without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
-              >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="online"
-                    >
-                      online
-                    </option>
-                    <option
-                      value="all"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
+              >
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      all
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="online"
+                      >
+                        online
+                      </option>
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"
@@ -281,29 +285,33 @@ exports[`renders Empty without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
-              >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="online"
-                    >
-                      online
-                    </option>
-                    <option
-                      value="all"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
+              >
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      all
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="online"
+                      >
+                        online
+                      </option>
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"
@@ -470,29 +478,33 @@ exports[`renders Loading without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
-              >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="online"
-                    >
-                      online
-                    </option>
-                    <option
-                      value="all"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
+              >
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      all
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="online"
+                      >
+                        online
+                      </option>
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"
@@ -651,29 +663,33 @@ exports[`renders WithABACRoom without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
-              >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="online"
-                    >
-                      online
-                    </option>
-                    <option
-                      value="all"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
+              >
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      all
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="online"
+                      >
+                        online
+                      </option>
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"
@@ -863,29 +879,33 @@ exports[`renders WithInvitedMember without crashing 1`] = `
               class="rcx-box rcx-box--full rcx-css-l1qvi5"
             >
               <div
-                aria-hidden="true"
-                data-a11y-ignore="aria-hidden-focus"
-                data-react-aria-prevent-focus="true"
-                data-testid="hidden-select-container"
-                style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
-              >
-                <label>
-                  <select
-                    tabindex="-1"
-                  >
-                    <option />
-                    <option
-                      value="online"
-                    >
-                      online
-                    </option>
-                    <option
-                      value="all"
+                class="rcx-box rcx-box--full rcx-css-1mbgoc8"
+              >
+                <div
+                  aria-hidden="true"
+                  data-a11y-ignore="aria-hidden-focus"
+                  data-react-aria-prevent-focus="true"
+                  data-testid="hidden-select-container"
+                  style="border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
+                >
+                  <label>
+                    <select
+                      tabindex="-1"
                     >
-                      all
-                    </option>
-                  </select>
-                </label>
+                      <option />
+                      <option
+                        value="online"
+                      >
+                        online
+                      </option>
+                      <option
+                        value="all"
+                      >
+                        all
+                      </option>
+                    </select>
+                  </label>
+                </div>
               </div>
               <button
                 aria-expanded="false"