diff --git a/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx b/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
index 2d8f89e9..d7f0b79e 100644
--- a/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
+++ b/packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
@@ -50,4 +50,5 @@ export function NarrowChannels({
 const ListWrapper = styled.div`
   padding: 0px 18px 18px;
   background: ${({ theme }) => theme.bodyBackgroundColor};
+  overflow: auto;
 `;
diff --git a/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx b/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
index eb14dc76..81415267 100644
--- a/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
+++ b/packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
@@ -32,4 +32,5 @@ export function NarrowMembers({
 const ListWrapper = styled.div`
   padding: 0px 18px 18px;
   background: ${({ theme }) => theme.bodyBackgroundColor};
+  overflow: auto;
 `;