diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap
index 35643e394f..cd1fafd224 100644
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPanel-test.tsx.snap
@@ -3,8 +3,9 @@
 exports[`<RoomListPanel /> should not render the RoomListSearch component when UIComponent.FilterContainer is at false 1`] = `
 <DocumentFragment>
   <section
-    class="mx_RoomListPanel"
+    class="mx_Flex mx_RoomListPanel"
     data-testid="room-list-panel"
+    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: 0;"
   >
     <header
       aria-label="Room options"
@@ -24,30 +25,35 @@ exports[`<RoomListPanel /> should not render the RoomListSearch component when U
       </div>
     </header>
     <div
-      style="overflow: visible; height: 0px; width: 0px;"
+      class="mx_RoomList"
+      data-testid="room-list"
     >
       <div
-        aria-label="grid"
-        aria-readonly="true"
-        class="ReactVirtualized__Grid ReactVirtualized__List"
-        role="grid"
-        style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
-        tabindex="0"
-      />
-    </div>
-    <div
-      class="resize-triggers"
-    >
-      <div
-        class="expand-trigger"
+        style="overflow: visible; height: 0px; width: 0px;"
       >
         <div
-          style="width: 1px; height: 1px;"
+          aria-label="Room list"
+          aria-readonly="true"
+          class="ReactVirtualized__Grid ReactVirtualized__List mx_RoomList_List"
+          role="grid"
+          style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
+          tabindex="0"
         />
       </div>
       <div
-        class="contract-trigger"
-      />
+        class="resize-triggers"
+      >
+        <div
+          class="expand-trigger"
+        >
+          <div
+            style="width: 1px; height: 1px;"
+          />
+        </div>
+        <div
+          class="contract-trigger"
+        />
+      </div>
     </div>
   </section>
 </DocumentFragment>
@@ -56,8 +62,9 @@ exports[`<RoomListPanel /> should not render the RoomListSearch component when U
 exports[`<RoomListPanel /> should render the RoomListSearch component when UIComponent.FilterContainer is at true 1`] = `
 <DocumentFragment>
   <section
-    class="mx_RoomListPanel"
+    class="mx_Flex mx_RoomListPanel"
     data-testid="room-list-panel"
+    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: start; --mx-flex-gap: 0;"
   >
     <div
       class="mx_Flex mx_RoomListSearch"
@@ -168,30 +175,35 @@ exports[`<RoomListPanel /> should render the RoomListSearch component when UICom
       </button>
     </header>
     <div
-      style="overflow: visible; height: 0px; width: 0px;"
+      class="mx_RoomList"
+      data-testid="room-list"
     >
       <div
-        aria-label="grid"
-        aria-readonly="true"
-        class="ReactVirtualized__Grid ReactVirtualized__List"
-        role="grid"
-        style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
-        tabindex="0"
-      />
-    </div>
-    <div
-      class="resize-triggers"
-    >
-      <div
-        class="expand-trigger"
+        style="overflow: visible; height: 0px; width: 0px;"
       >
         <div
-          style="width: 1px; height: 1px;"
+          aria-label="Room list"
+          aria-readonly="true"
+          class="ReactVirtualized__Grid ReactVirtualized__List mx_RoomList_List"
+          role="grid"
+          style="box-sizing: border-box; direction: ltr; height: 0px; position: relative; width: 0px; will-change: transform; overflow-x: hidden; overflow-y: hidden;"
+          tabindex="0"
         />
       </div>
       <div
-        class="contract-trigger"
-      />
+        class="resize-triggers"
+      >
+        <div
+          class="expand-trigger"
+        >
+          <div
+            style="width: 1px; height: 1px;"
+          />
+        </div>
+        <div
+          class="contract-trigger"
+        />
+      </div>
     </div>
   </section>
 </DocumentFragment>