diff --git a/res/css/views/elements/_MessageEditor.scss b/res/css/views/elements/_MessageEditor.scss
index 45f870dd14..db2c53b3ed 100644
--- a/res/css/views/elements/_MessageEditor.scss
+++ b/res/css/views/elements/_MessageEditor.scss
@@ -20,7 +20,7 @@ limitations under the License.
     // this is to try not make the text move but still have some
     // padding around and in the editor.
     // Actual values from fiddling around in inspector
-    margin: -7px -10px -5px -10px;
+    margin: -7px 24px -5px -10px;   // right margin: -10px + 34px
 
     .mx_MessageEditor_editor {
         border-radius: 4px;
@@ -90,7 +90,7 @@ limitations under the License.
         z-index: 100;
         right: 0;
         margin: 0 -110px 0 0;
-        padding-right: 104px;
+        padding-right: 138px;
 
         .mx_AccessibleButton {
             margin-left: 5px;