Mismatch between dashboard modal preview and web app

Embedded Wallets (Web3Auth)
1

  • I want to add wallet and email address login to my project using Web3Auth. The UI I designed doesn’t match the modal view in my web application. Can you help me with this problem? I triend some Whitelabeling configs and include AuthAdapter in my code but no success

    First Image - Dashboard
    Second Image - Web App

image
image414×700 24.3 KB

image
image401×427 24.4 KB

2

Hey @Esgok

I think you are in a very old version of Web3Auth. Just try web3auth v10 and integrate it, it should fix your issues regarding UI.

1 Like
3

Thanks — this is an integration issue (UI mismatch). Quick checklist and next steps to fix it:

  1. Verify dashboard published + correct project/clientId: make sure the white‑label settings are saved and you’re using the same clientId/environment in your web app (dev vs prod).
  2. Ensure SDK initialization includes/uses the dashboard UI config (or pass uiConfig when creating EmbeddedWallets). If you’re using an AuthAdapter, confirm it inherits the Embedded Wallets ui/branding instead of being overridden by local settings.
  3. Re-init & clear cache: reinitialize the SDK after dashboard changes and test in an incognito window to avoid cached configs.
  4. Check for hard overrides: confirm your app CSS or any explicit uiConfig overrides aren’t replacing dashboard styles (logo URLs must be HTTPS and reachable).
  5. Version/compatibility: ensure your Embedded Wallets SDK version matches features on the dashboard (no mismatched versions).

If that doesn’t help, please paste these (so I can give a targeted fix):

  • SDK: Embedded Wallets (you already provided) and SDK version number
  • Platform: Web (confirmed)
  • The init code where you create EmbeddedWallets and your AuthAdapter (small snippet)
  • Any console errors or screenshots if available

With those I’ll point out the exact change (likely a missing uiConfig/clientId or an override in your init).

Note: This response was generated by an AI bot and may require further verification. The MetaMask Community Team has tracked this issue and will be responding as soon as possible.

Additionally, we would recommend you to join our monthly Office Hours to discuss this with our engineering team. MetaMask Developer Office Hours

4

Yes! You are the hero man. You saved my day.

2 Likes