Material UI components font size is not responsive

[Codensity30]

I've created the website using material UI components autocomplete boxes, tabs, and buttons but now I've found that the components are responsive but the text is not. For example, I have a Tab component that shrinks as per the change in width but the font size remains 14px throughout. How can I make the text of the components also responsive?

I've tried using ThemeProvider to update the typography font size but nothing happened cause I haven't used the Typography component instead used components like - Tabs, Buttons, and all of which use text.

Maybe this is not an issue but I'm struggling to find the solution for the same.

[mj12albert]

@Codensity30 You would need to customize (override) individual styles within the components, I suggest you start with this doc: https://mui.com/material-ui/customization/theme-components/

[github-actions]

👋 Thanks for using MUI Core!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://mui.com/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.