diff --git a/res/css/views/messages/_MessageActionBar.scss b/res/css/views/messages/_MessageActionBar.scss
index a697c8d0be..81be6d1917 100644
--- a/res/css/views/messages/_MessageActionBar.scss
+++ b/res/css/views/messages/_MessageActionBar.scss
@@ -20,12 +20,12 @@ limitations under the License.
     visibility: hidden;
     cursor: pointer;
     display: flex;
-    height: 28px;
+    height: 32px;
     line-height: $font-24px;
     border-radius: 8px;
     background: $primary-bg-color;
     border: 1px solid $input-border-color;
-    top: -28px;
+    top: -32px;
     right: 8px;
     user-select: none;
     // Ensure the action bar appears above over things, like the read marker.
@@ -63,8 +63,8 @@ limitations under the License.
 }
 
 .mx_MessageActionBar_maskButton {
-    width: 24px;
-    height: 24px;
+    width: 28px;
+    height: 28px;
 }
 
 .mx_MessageActionBar_maskButton::after {