[Bug]: No mobile optimization for HD wallets connect interface

[KarandeepSWranch]

Current Behavior

The HD wallets connect interface is not responsive to screen dimensions and does not look good on smaller devices.

The below images are using the Keystone and Trezor packages:

• https://i.imgur.com/mUqgRjO.png
• https://i.imgur.com/lZ0P4UD.png

Expected Behavior

No response

Steps To Reproduce

Access the wallet connect modal on any device that has a smaller screen width than the HD Wallets connect interface width

What package is effected by this issue?

@web3-onboard/core

Is this a build or a runtime issue?

N/A

Package Version

^2.8.5

Node Version

v18.12.1

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

Relevant log output

No response

Anything else?

Didn't allow me to select the hw-common package but I guess that is probably what I should be referencing in regards to this issue.

Adam | Blocknative's discord message regarding the issue.

Sanity Check

• If this is a build issue, I have included my build config. If this is a runtime issue, I have included reproduction steps and/or a Minimal, Reproducible Example.

[taylorjdawson]

@KarandeepSWranch Thanks for pointing that out! Our team is in the process of improving mobile exp for HW wallets. Will update the issue once we address this.

[Adamj1232]

@KarandeepSWranch you can keep an eye on these changes as they evolve with this PR - #1453

[Adamj1232]

Fixed in latest release of HW packages