diff --git a/res/css/_common.scss b/res/css/_common.scss
index 5987275f7f..51d985efb7 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -30,6 +30,11 @@ body {
     color: $primary-fg-color;
     border: 0px;
     margin: 0px;
+
+    // needed to match the designs correctly on macOS
+    // see https://github.com/vector-im/riot-web/issues/11425
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 pre, code {