diff --git a/res/css/views/rooms/_RoomPreviewBar.scss b/res/css/views/rooms/_RoomPreviewBar.scss
index 4440972712..ea3b787971 100644
--- a/res/css/views/rooms/_RoomPreviewBar.scss
+++ b/res/css/views/rooms/_RoomPreviewBar.scss
@@ -118,6 +118,9 @@ limitations under the License.
 
 .mx_RoomPreviewBar_inviter {
     font-weight: 600;
+}
+
+a.mx_RoomPreviewBar_inviter {
     text-decoration: underline;
     cursor: pointer;
 }
diff --git a/src/components/views/rooms/RoomPreviewBar.js b/src/components/views/rooms/RoomPreviewBar.js
index 6b03d5fef3..8fff835534 100644
--- a/src/components/views/rooms/RoomPreviewBar.js
+++ b/src/components/views/rooms/RoomPreviewBar.js
@@ -337,7 +337,7 @@ module.exports = React.createClass({
                         </a>
                     );
                 } else {
-                    inviterElement = this.props.inviterName;
+                    inviterElement = (<span className="mx_RoomPreviewBar_inviter">{this.props.inviterName}</span>);
                 }
 
                 title = _t("Do you want to join this room?");