Website text size got small sitewide

[kristykjlee]

Bug Description
All the body text size in our website looks small, can we revert it back to what it use to be?

Steps to Reproduce
Steps to reproduce the behavior:
thenewboston.com

Expected behavior
Body font was 16px and 14px in leaderboard

Actual behavior
Everything looks either 14px or 12px.

OS and Browser
chrome

[jamessspanggg]

@thesanjeevsharma @angle943 did some investigation here 😟:

When inspecting through chrome, the :root style seems to not match with the global _font.scss values, since mostly our fonts utilises --font-size-regular, it became 14px instead of 16px:

[jamessspanggg]

ah realised what was the issue, it was because @thenewboston/ui package contains a font.css file which also sets the :root css for fonts. I believe what happen was the _font.scss file was loaded and parsed first before the font.css of @thenewboston/ui, which caused the latter to have a higher specificity 😧

[jamessspanggg]

Created a temporary solution which is to standardise the :root css in the @thenewboston/ui repo. However, this might not be the best solution as when one side changes, we will need to standardise with the other to prevent conflict.

A better solution may be just to make the @thenewboston/ui css local to itself.

[jamessspanggg]

@angle943 can you take a look at this issue? it may affect the App wide UI update