diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/long-title-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/long-title-auto.png
new file mode 100644
index 0000000000..6556f221b8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/long-title-auto.png differ
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css
index 56490fdb97..e7932ba81e 100644
--- a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css
@@ -13,6 +13,7 @@
 .container {
     flex: 1;
     padding-bottom: var(--cpd-space-3x);
+    min-width: 0;
 }
 
 .title {
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx
index 00304c7b13..591f24c0cf 100644
--- a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx
@@ -87,3 +87,16 @@ export const NoComposeMenu: Story = {
         displayComposeMenu: false,
     },
 };
+
+export const LongTitle: Story = {
+    decorators: [
+        (Story) => (
+            <div style={{ width: "200px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        title: "Loooooooooooooooooooooooooooooooooooooong title",
+    },
+};