diff --git a/res/css/views/rooms/_JumpToBottomButton.scss b/res/css/views/rooms/_JumpToBottomButton.scss
index cb3803fe5b..4659442d9b 100644
--- a/res/css/views/rooms/_JumpToBottomButton.scss
+++ b/res/css/views/rooms/_JumpToBottomButton.scss
@@ -69,6 +69,7 @@ limitations under the License.
     right: 0;
     mask: url('$(res)/img/icon-jump-to-bottom.svg');
     mask-repeat: no-repeat;
-    mask-position: 9px 14px;
+    mask-position: center;
+    mask-size: 50%;
     background: $muted-fg-color;
 }
diff --git a/res/css/views/rooms/_TopUnreadMessagesBar.scss b/res/css/views/rooms/_TopUnreadMessagesBar.scss
index c0545660c2..d9970ef037 100644
--- a/res/css/views/rooms/_TopUnreadMessagesBar.scss
+++ b/res/css/views/rooms/_TopUnreadMessagesBar.scss
@@ -28,7 +28,7 @@ limitations under the License.
     content: "";
     position: absolute;
     top: -8px;
-    left: 11px;
+    left: 10.5px;
     width: 4px;
     height: 4px;
     border-radius: 16px;
@@ -49,11 +49,12 @@ limitations under the License.
 .mx_TopUnreadMessagesBar_scrollUp::before {
     content: "";
     position: absolute;
-    width: 38px;
-    height: 38px;
+    width: 36px;
+    height: 36px;
     mask-image: url('$(res)/img/icon-jump-to-first-unread.svg');
     mask-repeat: no-repeat;
-    mask-position: 9px 13px;
+    mask-position: center;
+    mask-size: 50%;
     background: $muted-fg-color;
 }