diff --git a/packages/react-chat/src/components/Chat/ChatBody.tsx b/packages/react-chat/src/components/Chat/ChatBody.tsx
index 485c71a2..80c99fd8 100644
--- a/packages/react-chat/src/components/Chat/ChatBody.tsx
+++ b/packages/react-chat/src/components/Chat/ChatBody.tsx
@@ -72,7 +72,7 @@ const ChatBodyWrapper = styled.div<ThemeProps>`
   flex-direction: column;
   flex: 1;
   height: 100%;
-  background: ${({ theme }) => theme.textPrimaryColor};
+  background: ${({ theme }) => theme.bodyBackgroundColor};
 `;
 
 const ChannelWrapper = styled.div`
@@ -100,7 +100,7 @@ const CommunityWrap = styled.div<ThemeProps>`
     height: 24px;
     transform: translateY(-50%);
     border-radius: 1px;
-    background: ${({ theme }) => theme.bodyBackgroundColor};
+    background: ${({ theme }) => theme.textPrimaryColor};
     opacity: 0.1;
   }
 `;