diff --git a/src/components/Avatar.tsx b/src/components/Avatar.tsx
index 894e50d6..41e1042a 100644
--- a/src/components/Avatar.tsx
+++ b/src/components/Avatar.tsx
@@ -86,7 +86,10 @@ export function UserAvatar(props: {
 export function NoUserAvatar(props: { iconClass?: string }) {
   return (
     <div className="relative inline-block p-1 text-type-dimmed">
-      <Icon className={props.iconClass ?? "text-xl"} icon={Icons.MENU} />
+      <Icon
+        className={props.iconClass ?? "text-base ssm:text-xl"}
+        icon={Icons.MENU}
+      />
     </div>
   );
 }