Microsoft Teams mobile Viva cards logo SVG file getting zoomed showing only half logo

[harshkumardubey]

Provide required information needed to triage your issue

When rendering custom viva cards in Microsoft Teams mobile logo SVG file getting zoomed showing half logo only. While editing mobile view in Desktop it's rendering properly. Also in Desktop view it's working fine. Issue is only when we are rendering viva cards in Teams mobile.

Expected behavior

Viva card svg logo should render completely.

Current behavior

Viva card svg logo rendering partially and getting zoomed.

[yjoshi-msft]

Hi harshkumardubey, Thank you for raising the issue. We would ideally need more information to reproduce the issue on our end properly.

Please fill in more information following the below template format -

Your Environment Platform [PC desktop, Mac, iOS, Office on the web]: __ Host [Excel, Word, PowerPoint, etc.]: __ Office version number: __ Operating System: __ Browser (if using Office on the web): __ Expected behavior Current behavior Steps to reproduce Link to live example(s) Provide additional details Context Useful logs Console errors Screenshots Test file (if only happens on a particular file)

[harshkumardubey]

Platform [PC desktop, Mac, iOS, Office on the web]: MacOS Host [Excel, Word, PowerPoint, etc.]: Microsoft Teams / Sharepoint Office version number: Microsoft Teams Version 1.6.00.16465. Operating System: MacOS Ventura 13.4.1 (22F82) Browser (if using Office on the web): Reproducible on both Teams Client / Web

Expected behavior: Viva card svg logo should render completely for custom Viva Cards. Current behavior: Viva card svg logo not rendering completely for custom Viva Cards. The screen shot is attached above ServiceNow Employee Center.

Steps to reproduce

1. Create custom viva card by following this document https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part.
2. Upload new solution in sharepoint.
3. Check logo for your solution in mobile and desktop.

[ghost]

Hi harshkumardubey! Thank you for bringing this issue to our attention. We will investigate and if we require further information we will reach out in one business day. Please use this link to escalate if you don't get replies.

Best regards, Teams Platform

[Prasad-MSFT]

Hi @harshkumardubey - Is this issue happening only in macOS or does it happen in Windows also?

[ghost]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment.

[harshkumardubey]

@Prasad-MSFT We tested only in macOS.

[Prasad-MSFT]

@harshkumardubey - We are checking this with engineering team. We will update you once we have further info to share.

Update: We have raised a bug for the same. We will inform you once we get any further update from engineering team. Thanks!

[Prasad-MSFT]

Hi @harshkumardubey, does this bug still exist?

[microsoft-github-policy-service[bot]]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment.