diff --git a/src/components/common/Avatar.scss b/src/components/common/Avatar.scss
index cbb3ff873..24f11c93f 100644
--- a/src/components/common/Avatar.scss
+++ b/src/components/common/Avatar.scss
@@ -27,6 +27,10 @@
     font-family: var(--font-family-rounded);
   }
 
+  &.size-mini {
+    --_font-size: max(calc(var(--_size) / 2 - 2px), 0.625rem);
+  }
+
   .emoji {
     width: var(--_font-size);
     height: var(--_font-size);
diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx
index 500ca2497..b2f46b3b7 100644
--- a/src/components/common/Avatar.tsx
+++ b/src/components/common/Avatar.tsx
@@ -270,6 +270,7 @@ const Avatar = ({
   const fullClassName = buildClassName(
     'Avatar',
     className,
+    typeof size === 'string' && `size-${size}`,
     peerColorClass,
     !peer && text && 'hidden-user',
     isSavedMessages && 'saved-messages',