diff --git a/src/views/Conversations/Online/Components/BubbleIM.jsx b/src/views/Conversations/Online/Components/BubbleIM.jsx
index df28e3a..2f232e7 100644
--- a/src/views/Conversations/Online/Components/BubbleIM.jsx
+++ b/src/views/Conversations/Online/Components/BubbleIM.jsx
@@ -132,7 +132,8 @@ const BubbleIM = ({ handlePreview, handleContactClick, setNewChatModalVisible, s
         focusMsg === message.id ? 'message-box-focus' : '',
         message.status === 'failed' ? 'failed-msg' : '',
         // '*:bg-waba-me'
-        message.sender === 'me' ? (message.msg_source.toLowerCase() === 'waba' ? `*:!bg-waba-me` : `*:!bg-whatsapp-me`) : '',
+        message.sender === 'me' ? (message.msg_source.toLowerCase() === 'waba' ? `[&_.rce-mbox]:bg-waba-me` : `[&_.rce-mbox]:bg-whatsapp-me`) : '',
+        message.sender !== 'me' ? (message.msg_source.toLowerCase() === 'waba' ? `[&_.rce-mbox-time:before]:text-waba-600 [&_.rce-mbox-time:before]:font-semibold` : `[&_.rce-mbox-time:before]:text-whatsapp`) : '',
       ].join(' ')}
       {...(message.type === 'meetingLink'
         ? {
diff --git a/tailwind.config.js b/tailwind.config.js
index 8c090bd..61acfa9 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,8 +31,17 @@ export default {
       },
       'waba': {
         DEFAULT: '#2ba84a',
-        400: '#6bc280',
-        300: '#95d4a5',
+        900: '#0E3719',
+        800: '#155325',
+        700: '#1D6F31',
+        600: '#248B3D',
+        500: '#2ba84a',
+        400: '#38CC5D',
+        300: '#60D67D',
+        200: '#87E09E',
+        100: '#AFEABE',
+        dark: '#075E54',
+        second: '#128c7e',
         me: '#ccd5ae', // '#e1fef2', // '#d9fdd3' '#00a884'
       },
       'primary': '#1ba784',