diff --git a/src/scss/ui/_avatars.scss b/src/scss/ui/_avatars.scss
index 344d1d75f8a8ad4a0277a261ac5225ccb365821a..ffaefb56cfc8482f833072a0d3a7233b6af763d4 100644
--- a/src/scss/ui/_avatars.scss
+++ b/src/scss/ui/_avatars.scss
@@ -17,8 +17,8 @@
   border-radius: $avatar-border-radius;
 
   svg {
-    width: calc(var(--tblr-avatar-size) / 2);
-    height: calc(var(--tblr-avatar-size) / 2);
+    width: calc(var(--tblr-avatar-size) / #{(40 / 24)});
+    height: calc(var(--tblr-avatar-size) / #{(40 / 24)});
   }
 
   .badge {