2 files changed, 4 insertions, 2 deletions
diff --git a/src/components/messages/ChannelPreview.tsx b/src/components/messages/ChannelPreview.tsx
index a7a7268a..8bd3a745 100644
--- a/src/components/messages/ChannelPreview.tsx
+++ b/src/components/messages/ChannelPreview.tsx
@@ -5,6 +5,7 @@ import {TouchableOpacity} from 'react-native-gesture-handler';
 import {useStore} from 'react-redux';
 import {ChannelPreviewMessengerProps} from 'stream-chat-react-native';
 import {ChatContext} from '../../App';
+import {TAGG_LIGHT_BLUE_2} from '../../constants';
 import {
   LocalAttachmentType,
   LocalChannelType,
@@ -89,7 +90,7 @@ const styles = StyleSheet.create({
   },
   online: {
     position: 'absolute',
-    backgroundColor: '#6EE7E7',
+    backgroundColor: TAGG_LIGHT_BLUE_2,
     width: normalize(18),
     height: normalize(18),
     borderRadius: normalize(18) / 2,
diff --git a/src/components/messages/ChatHeader.tsx b/src/components/messages/ChatHeader.tsx
index 67a7f1fe..7ddaa7e6 100644
--- a/src/components/messages/ChatHeader.tsx
+++ b/src/components/messages/ChatHeader.tsx
@@ -5,6 +5,7 @@ import {Text} from 'react-native-animatable';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import {useDispatch, useStore} from 'react-redux';
 import {ChatContext} from '../../App';
+import {TAGG_LIGHT_BLUE_2} from '../../constants';
 import {ScreenType} from '../../types';
 import {
   ChatHeaderHeight,
@@ -87,7 +88,7 @@ const styles = StyleSheet.create({
   },
   online: {
     position: 'absolute',
-    backgroundColor: '#6EE7E7',
+    backgroundColor: TAGG_LIGHT_BLUE_2,
     width: normalize(16),
     height: normalize(16),
     borderRadius: normalize(16) / 2,