Skip to content

[UX]: Duplicate circular progress indicators displayed during dApp connection #35873

@chaoticgoodpanda

Description

@chaoticgoodpanda

Describe the bug

When connecting a MetaMask wallet to a dApp, two circular progress indicators are being rendered on top of each other, creating a visual layering issue on the connection screen.

Expected behavior

  • Single, clean circular progress indicator should be displayed
  • Loading state should show one consistent progress element

Actual Behavior

  • Two circular progress indicators are layered over each other
  • Creates visual confusion and appears as a rendering bug
  • May affect user experience and perceived professionalism

Screenshots/Recordings

Image Image

Steps to reproduce

  1. Open MetaMask extension
  2. Navigate to a dApp that requires wallet connection
  3. Initiate connection process from the dApp
  4. Observe the "Connecting" screen in MetaMask

Error messages or log output

Detection stage

In production (default)

Version

13.2.1

Build type

None

Browser

Brave

Operating system

MacOS

Hardware wallet

Ledger

Additional context

Issue arises with either hot or HW wallets.

  • This issue may also appear in other UX flows within the extension, not limited to dApp connections
  • The layered progress indicators suggest a potential CSS z-index conflict or duplicate component rendering
  • Impact: Low-to-medium (visual/UX issue, doesn't break functionality)

Severity

No response

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

To be triaged

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions