diff --git a/packages/react-chat/src/components/Chat/ChatBody.tsx b/packages/react-chat/src/components/Chat/ChatBody.tsx
index d2e6cef1..a9d1ecfe 100644
--- a/packages/react-chat/src/components/Chat/ChatBody.tsx
+++ b/packages/react-chat/src/components/Chat/ChatBody.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import styled from "styled-components";
 
 import { useNarrow } from "../../contexts/narrowProvider";
@@ -71,6 +71,13 @@ export function ChatBody({
     setShowMembersList(!showMembersList);
   }, [showMembersList]);
 
+  useEffect(() => {
+    if (!narrow) {
+      setShowChannelsList(false);
+      setShowMembersList(false);
+    }
+  }, [narrow]);
+
   return (
     <ChatBodyWrapper className={className}>
       <ChatTopbar