Font size too small

[Ifmr24]

Issue summary

When using polaris and bootstrap, the font size looks too small, how could I fix this?
if I use a component
it looks like 10px
the buttons and inputs and everything also looks small

Specifications

• Are you using the React components? (Y/N): Y
• Polaris version number: ^3.20.0
• Browser: Chrome and Firefox
• Device: PC
• Operating System: Win 10

https://i.imgur.com/h78RJPf.png

👋 Thanks for opening your first issue. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines. You can also join #polaris on the Shopify Partners Slack.

[BPScott]

Part of Polaris' global styling sets the html font-size to 10px (and thus 1rem =10px). I suspect that Bootstrap assumes a base html font-size of 16px.

There's no way around that, either Bootstrap or Polaris components will be out of proportion, you won't be able to use both design systems on the same page.

We did some work to change our base font size to be 16px (back to the browser default) but that has been paused pending us working out some migration paths. For now you're stuck sorry.

[kaelig]

Related:

• Components with rem unit have layout problem. #431
• [v4] Don’t try to size html to 10px #1590