smaller indicator

packages/features/shell/Shell.tsx

@@ -380,7 +380,7 @@ function UserDropdown({ small }: UserDropdownProps) {
               className={classNames(
                 "border-muted absolute -bottom-1 -right-1 rounded-full border bg-green-500",
                 user.away ? "bg-yellow-500" : "bg-green-500",
-                small ? "-bottom-0.5 -right-0.5 h-2.5 w-2.5" : "-bottom-0.5 -right-0 h-2 w-2"
+                small ? "-bottom-0.5 -right-0.5 h-2 w-2" : "-bottom-0.5 -right-0 h-2 w-2"
               )}
             />
           </span>

packages/ui/components/avatar/Avatar.tsx

@@ -41,7 +41,7 @@ export function Avatar(props: AvatarProps) {
     <AvatarPrimitive.Root
       data-testid={props?.["data-testid"]}
       className={classNames(
-        "bg-emphasis item-center relative inline-flex aspect-square justify-center rounded-full",
+        "bg-emphasis item-center relative aspect-square justify-center rounded-full",
         indicator ? "overflow-visible" : "overflow-hidden",
         props.className,
         sizesPropsBySize[size]