Unable to customize toolbar font size / line-height (text-sm class too small)

[darkcattz]

Title

Unable to customize toolbar font size / line-height (text-sm class too small)

---

Description

Hello,

I am currently using the PDF viewer and I am having trouble customizing the font size and line-height of the toolbar.

In particular, the toolbar seems to rely on the following class:

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}

In my application, this results in text that is too small and not easily readable.

---

Issue

I would like to override or customize the font size and line-height used in the toolbar, but:

• I was not able to override it using CSS (including !important)
• Wrapping the component or resetting styles does not seem to affect it
• I could not find any option in the documentation to control typography (font size, line-height, etc.)

---

Expected behavior

It would be helpful to have a way to:

• Customize the toolbar font size and line-height via configuration
• Or provide a documented way to override these styles safely

---

Additional context

This is particularly problematic when using global CSS frameworks (e.g. Tailwind), where .text-sm may be set to a smaller size than expected.

---

Thanks in advance for your help 🙏