diff --git a/res/css/views/rooms/_MessageComposer.scss b/res/css/views/rooms/_MessageComposer.scss
index 1cd368860f..5fa8c8a464 100644
--- a/res/css/views/rooms/_MessageComposer.scss
+++ b/res/css/views/rooms/_MessageComposer.scss
@@ -57,10 +57,6 @@ limitations under the License.
width: 100%;
}
-.mx_MessageComposer_row > div:last-child{
- padding-right: 0;
-}
-
.mx_MessageComposer .mx_MessageComposer_avatar {
padding-left: 10px;
padding-right: 28px;
@@ -70,6 +66,10 @@ limitations under the License.
display: block;
}
+.mx_MessageComposer .mx_AccessibleButton {
+ padding: 0 12px 0 0;
+}
+
.mx_MessageComposer_composecontrols {
width: 100%;
}
diff --git a/src/components/views/rooms/MessageComposer.js b/src/components/views/rooms/MessageComposer.js
index 66f3fdaa97..e96dd27acc 100644
--- a/src/components/views/rooms/MessageComposer.js
+++ b/src/components/views/rooms/MessageComposer.js
@@ -297,16 +297,16 @@ export default class MessageComposer extends React.Component {
if (this.props.callState && this.props.callState !== 'ended') {
hangupButton =