diff --git a/src/views/Conversations/ChatWindow.jsx b/src/views/Conversations/ChatWindow.jsx
index 787bd29..6cce9e7 100644
--- a/src/views/Conversations/ChatWindow.jsx
+++ b/src/views/Conversations/ChatWindow.jsx
@@ -57,7 +57,7 @@ const ChatWindow = () => {
               <MessagesHeader />
               <Button type='text' icon={collapsedRight ? <MenuFoldOutlined /> : <MenuUnfoldOutlined />} onClick={() => setCollapsedRight(!collapsedRight)} className=' rounded-none rounded-r' />
             </Header>
-            <Content className=' flex-grow'>
+            <Content className="flex-grow bg-whatsapp-bg" >
               <div className='h-full overflow-y-auto'>
                 <Messages />
               </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 238d52f..037e281 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,7 +12,8 @@ export default {
         dark: '#075E54',
         second: '#128c7e',
         gossip: '#dcf8c6',
-        bg: '#ece5dd',
+        bg: '#ece5dd', // '#efeae2' '#eae6df' '#d1d7db'
+        bgdark: '#0b141a',
         me: '#ccd5ae',
       },
       'primary': '#1ba784',