diff --git a/css/atoms/MessageTimestamp.css b/css/atoms/MessageTimestamp.css
new file mode 100644
index 0000000000..f404bb47ad
--- /dev/null
+++ b/css/atoms/MessageTimestamp.css
@@ -0,0 +1,6 @@
+.mx_MessageTimestamp {
+    color: #777;
+    width: 75px;
+    font-size: 80%;
+    display: inline-block;
+}
diff --git a/css/molecules/SenderProfile.css b/css/molecules/SenderProfile.css
new file mode 100644
index 0000000000..3c7b463789
--- /dev/null
+++ b/css/molecules/SenderProfile.css
@@ -0,0 +1,6 @@
+.mx_SenderProfile {
+    display: inline-block;
+    width: 150px;
+    color: #444;
+    font-size: 80%;
+}
diff --git a/src/molecules/MessageTile.js b/src/molecules/MessageTile.js
index d789c2e93a..74d42a9a37 100644
--- a/src/molecules/MessageTile.js
+++ b/src/molecules/MessageTile.js
@@ -20,7 +20,7 @@ module.exports = React.createClass({
         return (
             <div className="mx_MessageTile">
                 <MessageTimestamp ts={this.props.mxEvent.getTs()} />
-                <SenderProfile mxEvent={this.props.mxEvent} />:
+                <SenderProfile mxEvent={this.props.mxEvent} />
                 <TileType mxEvent={this.props.mxEvent} />
             </div>
         );