[CLI MCP] [Blazor]: Avatar background is applied with `background` prop instead of the actual avatar background

[georgianastasov]

Ignite UI CLI Version

15.2.0

Framework

Web Components, jQuery, React, Angular

CLI Command

new

Node.js Version

20.11.0

Operating System

Windows

Package Manager

None

Description

The generated avatar background is not applied correctly. Instead of setting the background on the proper avatar content/background area, the styling is applied directly with background prop. This causes the avatar UI to look incorrect and visually inconsistent.

Steps to Reproduce

1. Create or generate a project/component that includes an avatar.
2. Set or configure a background color for the avatar.
3. Run the application and inspect the rendered avatar.

Actual Result

The background is applied to the element instead of the correct internal avatar background area. This results in a broken or visually poor UI.

Expected Result

The avatar background should be applied to the correct avatar background/content area so that the component renders properly and matches the expected design.

Error Output / Logs

No terminal error is shown. The issue is visual/styling-related.

Additional Context

No response