From 5a1b98d8b7ced255d83a09d038e870f33251d59b Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Mon, 17 Jun 2024 09:27:15 +0100
Subject: [PATCH] Improve accessibility of the room summary card (#12586)

* Improve accessibility of the room summary card

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update @vector-im/compound-web to 4.5.0

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix bad merge

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 .../views/right_panel/RoomSummaryCard.tsx     |  105 +-
 .../RoomSummaryCard-test.tsx.snap             | 1665 +++++++++--------
 2 files changed, 898 insertions(+), 872 deletions(-)

diff --git a/src/components/views/right_panel/RoomSummaryCard.tsx b/src/components/views/right_panel/RoomSummaryCard.tsx
index b259d5e3ad..a8c5a85478 100644
--- a/src/components/views/right_panel/RoomSummaryCard.tsx
+++ b/src/components/views/right_panel/RoomSummaryCard.tsx
@@ -522,57 +522,68 @@ const RoomSummaryCard: React.FC<IProps> = ({ room, permalinkCreator, onClose, on
 
             <Separator />
 
-            <ToggleMenuItem
-                Icon={FavouriteIcon}
-                label={_t("room|context_menu|favourite")}
-                checked={isFavorite}
-                onChange={() => tagRoom(room, DefaultTagID.Favourite)}
-                // XXX: https://github.com/element-hq/compound/issues/288
-                onSelect={() => {}}
-            />
-            <MenuItem
-                Icon={UserAddIcon}
-                label={_t("action|invite")}
-                disabled={!canInviteToState}
-                onSelect={() => inviteToRoom(room)}
-            />
-            <MenuItem Icon={LinkIcon} label={_t("action|copy_link")} onSelect={onShareRoomClick} />
-            <MenuItem Icon={SettingsIcon} label={_t("common|settings")} onSelect={onRoomSettingsClick} />
+            <div role="menubar" aria-orientation="vertical">
+                <ToggleMenuItem
+                    Icon={FavouriteIcon}
+                    label={_t("room|context_menu|favourite")}
+                    checked={isFavorite}
+                    onChange={() => tagRoom(room, DefaultTagID.Favourite)}
+                    // XXX: https://github.com/element-hq/compound/issues/288
+                    onSelect={() => {}}
+                />
+                <MenuItem
+                    Icon={UserAddIcon}
+                    label={_t("action|invite")}
+                    disabled={!canInviteToState}
+                    onSelect={() => inviteToRoom(room)}
+                />
+                <MenuItem Icon={LinkIcon} label={_t("action|copy_link")} onSelect={onShareRoomClick} />
+                <MenuItem Icon={SettingsIcon} label={_t("common|settings")} onSelect={onRoomSettingsClick} />
 
-            <Separator />
-            <MenuItem
-                // this icon matches the legacy implementation
-                // and is a short term solution until legacy room header is removed
-                Icon={UserProfileSolidIcon}
-                label={_t("common|people")}
-                onSelect={onRoomMembersClick}
-            />
-            {!isVideoRoom && (
-                <>
-                    <MenuItem Icon={FilesIcon} label={_t("right_panel|files_button")} onSelect={onRoomFilesClick} />
-                    <MenuItem
-                        Icon={PollsIcon}
-                        label={_t("right_panel|polls_button")}
-                        onSelect={onRoomPollHistoryClick}
-                    />
-                    {pinningEnabled && (
+                <Separator />
+                <MenuItem
+                    // this icon matches the legacy implementation
+                    // and is a short term solution until legacy room header is removed
+                    Icon={UserProfileSolidIcon}
+                    label={_t("common|people")}
+                    onSelect={onRoomMembersClick}
+                />
+                {!isVideoRoom && (
+                    <>
+                        <MenuItem Icon={FilesIcon} label={_t("right_panel|files_button")} onSelect={onRoomFilesClick} />
                         <MenuItem
-                            Icon={PinIcon}
-                            label={_t("right_panel|pinned_messages_button")}
-                            onSelect={onRoomPinsClick}
-                        >
-                            <Text as="span" size="sm">
-                                {pinCount}
-                            </Text>
-                        </MenuItem>
-                    )}
-                    <MenuItem Icon={ExportArchiveIcon} label={_t("export_chat|title")} onSelect={onRoomExportClick} />
-                </>
-            )}
+                            Icon={PollsIcon}
+                            label={_t("right_panel|polls_button")}
+                            onSelect={onRoomPollHistoryClick}
+                        />
+                        {pinningEnabled && (
+                            <MenuItem
+                                Icon={PinIcon}
+                                label={_t("right_panel|pinned_messages_button")}
+                                onSelect={onRoomPinsClick}
+                            >
+                                <Text as="span" size="sm">
+                                    {pinCount}
+                                </Text>
+                            </MenuItem>
+                        )}
+                        <MenuItem
+                            Icon={ExportArchiveIcon}
+                            label={_t("export_chat|title")}
+                            onSelect={onRoomExportClick}
+                        />
+                    </>
+                )}
 
-            <Separator />
+                <Separator />
 
-            <MenuItem Icon={LeaveIcon} kind="critical" label={_t("action|leave_room")} onSelect={onLeaveRoomClick} />
+                <MenuItem
+                    Icon={LeaveIcon}
+                    kind="critical"
+                    label={_t("action|leave_room")}
+                    onSelect={onLeaveRoomClick}
+                />
+            </div>
 
             {SettingsStore.getValue(UIFeature.Widgets) &&
                 !isVideoRoom &&
diff --git a/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap b/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap
index 58566b8a32..afe08bacb5 100644
--- a/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap
+++ b/test/components/views/right_panel/__snapshots__/RoomSummaryCard-test.tsx.snap
@@ -124,288 +124,293 @@ exports[`<RoomSummaryCard /> has button to edit topic when expanded 1`] = `
         role="separator"
       />
       <div
-        aria-checked="false"
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitemcheckbox"
+        aria-orientation="vertical"
+        role="menubar"
       >
         <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <label
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-          for=":r3:"
+          aria-checked="false"
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitemcheckbox"
         >
-          Favourite
-        </label>
-        <div
-          class="_container_ik1u1_18"
-        >
-          <input
-            class="_input_ik1u1_32"
-            id=":r3:"
-            type="checkbox"
-          />
           <div
-            class="_ui_ik1u1_42"
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
           />
+          <label
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+            for=":r3:"
+          >
+            Favourite
+          </label>
+          <div
+            class="_container_ik1u1_18"
+          >
+            <input
+              class="_input_ik1u1_32"
+              id=":r3:"
+              type="checkbox"
+            />
+            <div
+              class="_ui_ik1u1_42"
+            />
+          </div>
         </div>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Invite
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Copy link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_144s5_17"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            People
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Files
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Poll history
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Export Chat
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_144s5_17"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="critical"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Leave room
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
       </div>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Invite
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Copy link
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Settings
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <div
-        class="_separator_144s5_17"
-        data-kind="primary"
-        data-orientation="horizontal"
-        role="separator"
-      />
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          People
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Files
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Poll history
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Export Chat
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <div
-        class="_separator_144s5_17"
-        data-kind="primary"
-        data-orientation="horizontal"
-        role="separator"
-      />
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="critical"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Leave room
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
       <div
         class="mx_BaseCard_Group mx_RoomSummaryCard_appsGroup"
       >
@@ -522,288 +527,293 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
         role="separator"
       />
       <div
-        aria-checked="false"
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitemcheckbox"
+        aria-orientation="vertical"
+        role="menubar"
       >
         <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <label
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-          for=":r1:"
+          aria-checked="false"
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitemcheckbox"
         >
-          Favourite
-        </label>
-        <div
-          class="_container_ik1u1_18"
-        >
-          <input
-            class="_input_ik1u1_32"
-            id=":r1:"
-            type="checkbox"
-          />
           <div
-            class="_ui_ik1u1_42"
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
           />
+          <label
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+            for=":r1:"
+          >
+            Favourite
+          </label>
+          <div
+            class="_container_ik1u1_18"
+          >
+            <input
+              class="_input_ik1u1_32"
+              id=":r1:"
+              type="checkbox"
+            />
+            <div
+              class="_ui_ik1u1_42"
+            />
+          </div>
         </div>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Invite
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Copy link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_144s5_17"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            People
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Files
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Poll history
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Export Chat
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_144s5_17"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="critical"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Leave room
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
       </div>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Invite
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Copy link
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Settings
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <div
-        class="_separator_144s5_17"
-        data-kind="primary"
-        data-orientation="horizontal"
-        role="separator"
-      />
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          People
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Files
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Poll history
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Export Chat
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <div
-        class="_separator_144s5_17"
-        data-kind="primary"
-        data-orientation="horizontal"
-        role="separator"
-      />
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="critical"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Leave room
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
       <div
         class="mx_BaseCard_Group mx_RoomSummaryCard_appsGroup"
       >
@@ -931,288 +941,293 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
         role="separator"
       />
       <div
-        aria-checked="false"
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitemcheckbox"
+        aria-orientation="vertical"
+        role="menubar"
       >
         <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <label
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-          for=":r2:"
+          aria-checked="false"
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitemcheckbox"
         >
-          Favourite
-        </label>
-        <div
-          class="_container_ik1u1_18"
-        >
-          <input
-            class="_input_ik1u1_32"
-            id=":r2:"
-            type="checkbox"
-          />
           <div
-            class="_ui_ik1u1_42"
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
           />
+          <label
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+            for=":r2:"
+          >
+            Favourite
+          </label>
+          <div
+            class="_container_ik1u1_18"
+          >
+            <input
+              class="_input_ik1u1_32"
+              id=":r2:"
+              type="checkbox"
+            />
+            <div
+              class="_ui_ik1u1_42"
+            />
+          </div>
         </div>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Invite
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Copy link
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Settings
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_144s5_17"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            People
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Files
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Poll history
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="primary"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Export Chat
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
+        <div
+          class="_separator_144s5_17"
+          data-kind="primary"
+          data-orientation="horizontal"
+          role="separator"
+        />
+        <button
+          class="_item_1gwvj_17 _interactive_1gwvj_36"
+          data-kind="critical"
+          role="menuitem"
+        >
+          <div
+            aria-hidden="true"
+            class="_icon_1gwvj_44"
+            height="24"
+            width="24"
+          />
+          <span
+            class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
+          >
+            Leave room
+          </span>
+          <svg
+            aria-hidden="true"
+            class="_nav-hint_1gwvj_60"
+            fill="currentColor"
+            height="24"
+            viewBox="8 0 8 24"
+            width="8"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
+            />
+          </svg>
+        </button>
       </div>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Invite
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Copy link
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Settings
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <div
-        class="_separator_144s5_17"
-        data-kind="primary"
-        data-orientation="horizontal"
-        role="separator"
-      />
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          People
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Files
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Poll history
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="primary"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Export Chat
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
-      <div
-        class="_separator_144s5_17"
-        data-kind="primary"
-        data-orientation="horizontal"
-        role="separator"
-      />
-      <button
-        class="_item_1gwvj_17 _interactive_1gwvj_36"
-        data-kind="critical"
-        role="menuitem"
-      >
-        <div
-          aria-hidden="true"
-          class="_icon_1gwvj_44"
-          height="24"
-          width="24"
-        />
-        <span
-          class="_typography_yh5dq_162 _font-body-md-medium_yh5dq_69 _label_1gwvj_53"
-        >
-          Leave room
-        </span>
-        <svg
-          aria-hidden="true"
-          class="_nav-hint_1gwvj_60"
-          fill="currentColor"
-          height="24"
-          viewBox="8 0 8 24"
-          width="8"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M8.7 17.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l3.9-3.9-3.9-3.9a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l4.6 4.6c.1.1.17.208.213.325.041.117.062.242.062.375s-.02.258-.063.375a.876.876 0 0 1-.212.325l-4.6 4.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z"
-          />
-        </svg>
-      </button>
       <div
         class="mx_BaseCard_Group mx_RoomSummaryCard_appsGroup"
       >