diff --git a/res/css/views/rooms/_RoomTile.scss b/res/css/views/rooms/_RoomTile.scss
index a15f9f3186..d5ec3d365a 100644
--- a/res/css/views/rooms/_RoomTile.scss
+++ b/res/css/views/rooms/_RoomTile.scss
@@ -19,7 +19,7 @@ limitations under the License.
     flex-direction: row;
     align-items: center;
     cursor: pointer;
-    height: 40px;
+    height: 34px;
     margin: 0;
     padding: 0 8px 0 10px;
     position: relative;
@@ -51,8 +51,6 @@ limitations under the License.
 .mx_RoomTile_avatar {
     flex: 0;
     padding: 4px;
-    width: 32px;
-    height: 32px;
 }
 
 .mx_RoomTile_avatar_container {
diff --git a/src/components/views/rooms/RoomTile.js b/src/components/views/rooms/RoomTile.js
index faa08c7001..4e05fbcb8b 100644
--- a/src/components/views/rooms/RoomTile.js
+++ b/src/components/views/rooms/RoomTile.js
@@ -333,7 +333,7 @@ module.exports = React.createClass({
         >
             <div className={avatarClasses}>
                 <div className="mx_RoomTile_avatar_container">
-                    <RoomAvatar room={this.props.room} width={32} height={32} />
+                    <RoomAvatar room={this.props.room} width={24} height={24} />
                     { dmIndicator }
                 </div>
             </div>