diff --git a/app/components/Message.js b/app/components/Message.js
index 8206b4a08aa0d5aad682aaf38a509846a29df39d..fdf2a4c5add8da5dc1db99651d6dea946fec60da 100644
--- a/app/components/Message.js
+++ b/app/components/Message.js
@@ -8,6 +8,23 @@ const styles = StyleSheet.create({
 		padding: 14,
 		flexDirection: 'row',
 		transform: [{ scaleY: -1 }]
+	},
+	avatar: {
+		backgroundColor: '#ccc',
+		width: 40,
+		height: 40,
+		marginRight: 10,
+		borderRadius: 5
+	},
+	texts: {
+		flex: 1
+	},
+	msg: {
+		flex: 1
+	},
+	username: {
+		fontWeight: 'bold',
+		marginBottom: 5
 	}
 });
 
diff --git a/app/views/room.js b/app/views/room.js
index f41ac41cec1bbcb2ff6f764d942dc11fd2d77b01..408784f4cf57cc6cb36ebced8bf50442a36b7273 100644
--- a/app/views/room.js
+++ b/app/views/room.js
@@ -8,23 +8,6 @@ import RocketChat, { loadMessagesForRoom, sendMessage } from '../lib/meteor';
 import Message from '../components/Message';
 
 const styles = StyleSheet.create({
-	avatar: {
-		backgroundColor: '#ccc',
-		width: 40,
-		height: 40,
-		marginRight: 10,
-		borderRadius: 5
-	},
-	username: {
-		fontWeight: 'bold',
-		marginBottom: 5
-	},
-	texts: {
-		flex: 1
-	},
-	msg: {
-		flex: 1
-	},
 	container: {
 		flex: 1
 	},