diff --git a/app/assets/images/inboxIcon.jpg b/app/assets/images/inboxIcon.jpg
new file mode 100644
index 0000000..9a49930
Binary files /dev/null and b/app/assets/images/inboxIcon.jpg differ
diff --git a/app/assets/images/menuIcon.png b/app/assets/images/menuIcon.png
new file mode 100644
index 0000000..ae9b91a
Binary files /dev/null and b/app/assets/images/menuIcon.png differ
diff --git a/app/assets/images/sendIcon.png b/app/assets/images/sendIcon.png
new file mode 100644
index 0000000..3ca41fa
Binary files /dev/null and b/app/assets/images/sendIcon.png differ
diff --git a/app/screens/main/adspace.js b/app/screens/main/adspace.js
index 1a0d2b9..2e7e265 100644
--- a/app/screens/main/adspace.js
+++ b/app/screens/main/adspace.js
@@ -26,4 +26,8 @@ export default class AdSpace extends Component<Props> {
 }
 
 const styles = {
+  container: {
+    flex: 1,
+    backgroundColor: 'black'
+  }
 }
diff --git a/app/screens/main/chat.js b/app/screens/main/chat.js
index b388636..d44fdbd 100644
--- a/app/screens/main/chat.js
+++ b/app/screens/main/chat.js
@@ -6,6 +6,8 @@ import {
   Dimensions,
   View,
   Text,
+  TextInput,
+  Image
 } from 'react-native';
 import {
   Actions
@@ -19,11 +21,59 @@ export default class Chat extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>
-        <Text>chat</Text>
+        <View style={styles.chatField}>
+
+        </View>
+        <View style={styles.inputMsgField}>
+          <View style={styles.iconCont}>
+            <Text>cra</Text>
+          </View>
+          <View style={styles.inputCont}>
+            <TextInput
+              placeholder="Type message..."
+            />
+          </View>
+          <View style={styles.iconCont}>
+            <Image
+              style={styles.sendIcon}
+              source={require('../../assets/images/sendIcon.png')}
+            />
+          </View>
+        </View>
       </View>
     );
   }
 }
 
 const styles = {
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'flex-end',
+    backgroundColor: '#e8ebef'
+  },
+  chatField: {
+    flex: 8
+  },
+  inputMsgField: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: 50,
+    backgroundColor: 'white'
+  },
+  iconCont: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  inputCont: {
+    flex: 6,
+    alignSelf: 'flex-end'
+  },
+  sendIcon: {
+    height: 30,
+    width: 30
+  }
 }
diff --git a/app/screens/main/navbar.js b/app/screens/main/navbar.js
index 2529e44..ac41c28 100644
--- a/app/screens/main/navbar.js
+++ b/app/screens/main/navbar.js
@@ -6,6 +6,7 @@ import {
   Dimensions,
   View,
   Text,
+  Image
 } from 'react-native';
 import {
   Actions
@@ -19,12 +20,58 @@ export default class Navbar extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>
-        <Text>navbar</Text>
+        <View style={styles.iconCont}>
+          <Image
+          style={styles.menuIcon}
+          source={require('../../assets/images/menuIcon.png')}
+          />
+        </View>
+        <View style={styles.headerTxt}>
+          <Text style={styles.head}>Main Chat</Text>
+          <Text style={styles.status}>online</Text>
+        </View>
+        <View style={styles.iconCont}>
+          <Image
+          style={styles.inboxIcon}
+          source={require('../../assets/images/inboxIcon.jpg')}
+          />
+        </View>
       </View>
     );
   }
 }
 
 const styles = {
-
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    backgroundColor: '#0e8f9e'
+  },
+  iconCont: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  menuIcon: {
+    height: 50,
+    width: 50
+  },
+  headerTxt: {
+    flex: 7,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  head: {
+    fontSize: 20,
+    color: 'white'
+  },
+  status: {
+    fontSize: 13,
+    color: 'white'
+  },
+  inboxIcon: {
+    height: 40,
+    width: 40
+  }
 }