diff --git a/res/css/views/rooms/_MessageComposer.scss b/res/css/views/rooms/_MessageComposer.scss
index 71c0db947e..897167f745 100644
--- a/res/css/views/rooms/_MessageComposer.scss
+++ b/res/css/views/rooms/_MessageComposer.scss
@@ -239,6 +239,7 @@ limitations under the License.
mask-image: url('$(res)/img/element-icons/call/video-call.svg');
}
+
.mx_MessageComposer_emoji::before {
mask-image: url('$(res)/img/element-icons/room/composer/emoji.svg');
}
@@ -247,6 +248,10 @@ limitations under the License.
mask-image: url('$(res)/img/element-icons/room/composer/sticker.svg');
}
+.mx_MessageComposer_sendMessage::before {
+ mask-image: url('$(res)/img/element-icons/call/video-call.svg');
+}
+
.mx_MessageComposer_formatting {
cursor: pointer;
margin: 0 11px;
diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js
index 4ddff8f4b0..86ad3ddbdd 100644
--- a/src/components/views/rooms/MessageComposer.js
+++ b/src/components/views/rooms/MessageComposer.js
@@ -393,6 +393,10 @@ export default class MessageComposer extends React.Component {
});
}
+ sendMessage = () => {
+ this.messageComposerInput._sendMessage();
+ }
+
render() {
const controls = [
this.state.me ? : null,
@@ -450,6 +454,16 @@ export default class MessageComposer extends React.Component {
);
}
}
+
+ if (true) {
+ controls.push((
+
+ ));
+ }
} else if (this.state.tombstone) {
const replacementRoomId = this.state.tombstone.getContent()['replacement_room'];