diff --git a/packages/frontend/src/pages/qr.show.vue b/packages/frontend/src/pages/qr.show.vue
index 57731dbd3f..ae62ef802a 100644
--- a/packages/frontend/src/pages/qr.show.vue
+++ b/packages/frontend/src/pages/qr.show.vue
@@ -267,7 +267,7 @@ $avatarSize: 58px;
 	flex-direction: column;
 	justify-content: center;
 	align-items: start;
-	margin: -4px -2px 0 ($avatarSize / 4);
+	margin: -4px -2px 0 calc($avatarSize / 4);
 	padding-right: 16px;
 	max-width: 100%;
 	overflow-x: hidden;