diff --git a/src/skins/vector/css/organisms/RoomView.css b/src/skins/vector/css/organisms/RoomView.css
index 8ca0080361..b168afcad3 100644
--- a/src/skins/vector/css/organisms/RoomView.css
+++ b/src/skins/vector/css/organisms/RoomView.css
@@ -190,17 +190,17 @@ limitations under the License.
 }
 
 .mx_RoomView_typingBar {
-    margin-top: 17px;
-    margin-left: 56px;
-    color: #818794;
+    margin-top: 10px;
+    margin-left: 54px;
+    color: #4a4a4a;
+    opacity: 0.5;
 }
 
-.mx_RoomView_typingBar img {
-    padding-left: 12px;
-    padding-right: 12px;
-    margin-left: -64px;
-    margin-top: -7px;
-    float: left;    
+.mx_RoomView_typingImage {
+    display: inline;
+    margin-left: -38px;
+    margin-top: -4px;
+    float: left;
 }
 
 .mx_RoomView .mx_MessageComposer {
diff --git a/src/skins/vector/img/76cfa6.png b/src/skins/vector/img/76cfa6.png
new file mode 100644
index 0000000000..de1ea60d54
Binary files /dev/null and b/src/skins/vector/img/76cfa6.png differ
diff --git a/src/skins/vector/views/organisms/RoomView.js b/src/skins/vector/views/organisms/RoomView.js
index 391cef6ff9..929285ca99 100644
--- a/src/skins/vector/views/organisms/RoomView.js
+++ b/src/skins/vector/views/organisms/RoomView.js
@@ -183,7 +183,7 @@ module.exports = React.createClass({
                 else if (typingString) {
                     statusBar = (
                         <div className="mx_RoomView_typingBar">
-                            <img src="img/typing.png" width="40" height="40" alt=""/>
+                            <div className="mx_RoomView_typingImage">...</div>
                             {typingString}
                         </div>
                     );