diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js
index 56de89dfe4..cc5c8da62d 100644
--- a/src/components/structures/RightPanel.js
+++ b/src/components/structures/RightPanel.js
@@ -244,8 +244,8 @@ module.exports = React.createClass({
                 </div>
                 { panel }
                 <div className="mx_RightPanel_footer">
-                    <div className="mx_RightPanel_invite" >
-                        <div className="mx_RightPanel_icon" onClick={ this.onInviteButtonClick } >
+                    <div className="mx_RightPanel_invite" onClick={ this.onInviteButtonClick } >
+                        <div className="mx_RightPanel_icon" >
                             <TintableSvg src="img/icon-invite-people.svg" width="35" height="35" />
                         </div>
                         <div className="mx_RightPanel_message">Invite to this room</div>
diff --git a/src/skins/vector/css/vector-web/structures/RightPanel.css b/src/skins/vector/css/vector-web/structures/RightPanel.css
index 0770f7df67..537fef4089 100644
--- a/src/skins/vector/css/vector-web/structures/RightPanel.css
+++ b/src/skins/vector/css/vector-web/structures/RightPanel.css
@@ -110,6 +110,7 @@ limitations under the License.
 	color: #4A4A4A;
     padding-top: 13px;
     padding-left: 5px;
+    cursor: pointer;
 }
 
 .collapsed .mx_RightPanel_footer .mx_RightPanel_invite {
@@ -118,7 +119,6 @@ limitations under the License.
 
 .mx_RightPanel_invite .mx_RightPanel_icon {
     display: inline-block;
-    cursor: pointer;
 }
 
 .mx_RightPanel_invite .mx_RightPanel_icon object {