1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/messages/MessagesHeader.tsx b/src/components/messages/MessagesHeader.tsx
index d8445580..a3b31a22 100644
--- a/src/components/messages/MessagesHeader.tsx
+++ b/src/components/messages/MessagesHeader.tsx
@@ -3,6 +3,7 @@ import {StyleSheet, View} from 'react-native';
 import {Text} from 'react-native-animatable';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import {normalize} from '../../utils';
+import ComposeIcon from '../../assets/icons/compose.svg';
 
 type MessagesHeaderProps = {
   createChannel: () => void;
@@ -14,10 +15,9 @@ const MessagesHeader: React.FC<MessagesHeaderProps> = ({createChannel}) => {
       <Text style={styles.headerText}>Messages</Text>
       <Text style={styles.unreadText}>2 unread</Text>
       <View style={styles.flex} />
-      <TouchableOpacity
-        style={styles.compose}
-        onPress={createChannel}>
-        <Text>Compose</Text>
+      <TouchableOpacity style={styles.compose} onPress={createChannel}>
+        {/* <Text>Compose</Text> */}
+        <ComposeIcon width={normalize(20)} height={normalize(20)} />
       </TouchableOpacity>
     </View>
   );