Font size conflict

[tiago138]

Current Behavior

In our project we use rem but we define the global size of the font to font-size: 62.5%; and web3onboard app uses rem, but since it does not take in consideration that we are changing the font size the interface looks broken. And it does not seems to be possible to change some styles.
You can check how it looks on or app

Expected Behavior

Is expected that the interface does not looks broken.

Steps To Reproduce

1. in the html tag change the font-size to 62.5%.

html {
    font-size: 62.5%;
}

What package is effected by this issue?

@web3-onboard/react

Is this a build or a runtime issue?

Runtime

Package Version

2.8.10

Node Version

18.17.0

What browsers are you seeing the problem on?

Firefox, Chrome

Relevant log output

No response

Anything else?

No response

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.

[leightkt]

@tiago138 Thanks for reporting. This looks like a duplicate of #1755 ?

[tiago138]

@tiago138 Thanks for reporting. This looks like a duplicate of #1755 ?

It seems to be the same problem.

[taylorjdawson]

@tiago138 If you're okay with it, I will close this issue in leu of #1755, and you can track the conversation there 👍

[tiago138]

@tiago138 If you're okay with it, I will close this issue in leu of #1755, and you can track the conversation there +1

OK, thanks.