Avatar Fallback does not have background, padding, and is not rounded

[jkinley]

I am having some issues with styling the Avatar Fallback. Has anyone else experienced this issue? Am I doing something wrong? Why does the "bg-muted" class in the component not work? Why does it not have any padding? Why does the class "rounded-full" not work?

https://stackblitz.com/edit/bolt-shadcn-hqixpkxe?file=src%2FApp.tsx,src%2Fcomponents%2Fui%2Favatar.tsx

[jkinley]

The issue was with the imports. The import automatically went to this:

import { Avatar, AvatarFallback } from "@radix-ui/react-avatar";

but it should be:

import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';

I thought I was losing my mind. Lol!