diff --git a/res/css/views/avatars/_MemberStatusMessageAvatar.scss b/res/css/views/avatars/_MemberStatusMessageAvatar.scss
index 03e7fdd188..7ac4036eef 100644
--- a/res/css/views/avatars/_MemberStatusMessageAvatar.scss
+++ b/res/css/views/avatars/_MemberStatusMessageAvatar.scss
@@ -14,13 +14,13 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
-.mx_MemberStatusMessageAvatar .mx_BaseAvatar {
+.mx_MessageComposer_avatar .mx_BaseAvatar {
padding: 1.5px;
border: 1.2px solid transparent;
border-radius: 14px;
}
-.mx_MemberStatusMessageAvatar .mx_BaseAvatar_initial {
+.mx_MessageComposer_avatar .mx_BaseAvatar_initial {
left: 1.5px;
}
diff --git a/src/components/views/avatars/MemberStatusMessageAvatar.js b/src/components/views/avatars/MemberStatusMessageAvatar.js
index a98fcaa537..0258c4b0c8 100644
--- a/src/components/views/avatars/MemberStatusMessageAvatar.js
+++ b/src/components/views/avatars/MemberStatusMessageAvatar.js
@@ -108,27 +108,26 @@ export default class MemberStatusMessageAvatar extends React.Component {
};
render() {
- const customStatusFeatureEnabled =
- SettingsStore.isFeatureEnabled("feature_custom_status");
+ const avatar = ;
- let onClick = null;
- let hasStatus = false;
-
- if (customStatusFeatureEnabled) {
- onClick = this._onClick;
- hasStatus = this.state.hasStatus;
+ if (!SettingsStore.isFeatureEnabled("feature_custom_status")) {
+ return avatar;
}
const classes = classNames({
"mx_MemberStatusMessageAvatar": true,
- "mx_MemberStatusMessageAvatar_hasStatus": hasStatus,
+ "mx_MemberStatusMessageAvatar_hasStatus": this.state.hasStatus,
});
- return
-
+ return
+ {avatar}
;
}
}