diff --git a/res/css/views/elements/_InviteReason.scss b/res/css/views/elements/_InviteReason.scss
index b11acf4efb..04b157640f 100644
--- a/res/css/views/elements/_InviteReason.scss
+++ b/res/css/views/elements/_InviteReason.scss
@@ -22,7 +22,7 @@ limitations under the License.
         visibility: visible;
     }
 
-    .mx_InviteReason_toggle {
+    .mx_InviteReason_view {
         display: none;
         position: absolute;
         inset: 0;
@@ -48,7 +48,7 @@ limitations under the License.
         visibility: hidden;
     }
 
-    .mx_InviteReason_toggle {
+    .mx_InviteReason_view {
         display: flex;
     }
 }
diff --git a/src/components/views/elements/InviteReason.tsx b/src/components/views/elements/InviteReason.tsx
index c6d190dc75..ddce7552ed 100644
--- a/src/components/views/elements/InviteReason.tsx
+++ b/src/components/views/elements/InviteReason.tsx
@@ -38,7 +38,7 @@ export default class InviteReason extends React.PureComponent<IProps, IState> {
         };
     }
 
-    onToggleClick = () => {
+    onViewClick = () => {
         this.setState({
             hidden: false,
         });
@@ -52,8 +52,8 @@ export default class InviteReason extends React.PureComponent<IProps, IState> {
 
         return <div className={classes}>
             <div className="mx_InviteReason_reason">{this.props.reason}</div>
-            <div className="mx_InviteReason_toggle"
-                onClick={this.onToggleClick}
+            <div className="mx_InviteReason_view"
+                onClick={this.onViewClick}
             >
                 {_t("View message")}
             </div>