[Bug]: When connecting to a website for the first time, the globe icon used as the website icon does not fill the container in the permissions updated toast

Open Beginner friendly

#30,400 opened on May 19, 2026 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty: 2/5
Estimated time: 1-3 hours
Newbie friendliness: 68/100

Issue type: Bug
Clarity: Mostly clear
Activity status: Quiet
Tech stack: react-native, typescript
Domain: frontend, mobile

Research direction

Reproduce the first-time connection flow on iOS and inspect the connection screen and permissions updated toast where the globe icon is rendered. The fix is done when the fallback globe fills its container in both locations, matching the expected screenshots.

Written by the indexing model from the issue text.

Description

needs-triage regression-prod-7.77.1 team-core-extension-ux team-mobile-ux team-wallet-ux type-bug

Describe the bug

On first connect to a website, the favicon is not present in state, so the globe icon is used instead. But it is smaller than the container. It only takes up 25% of the available space.

Also, the globe icon is not used above the website title in the connect screen. See both screenshots below.

Expected behavior

Globe icon fills the container.

Screenshots/Recordings

Steps to reproduce

Fresh install of MetaMask
Visit opensea.io
Connect with MetaMask
Observe connection screen / toast

Error messages or log output

Where was this bug found?

Live version (from official store)

Version

7.77.1

Build number

n/a

Build type

None

Device

iPhone 16

Operating system

iOS

Additional context

No response

Severity