Margin and padding issues which change suddenly when do dark mode

[alfianchii]

Sometimes I experience weirdness when I'm in dark mode, which the margin/padding changing suddenly (not in accordance with light mode).

For example, in the search input of the datatable:

When the dark mode clicked, then:

In my case:
Light mode is fine.

But in dark mode, some designs are ruined.

[zuramai]

Can you elaborate more on how the fonts could changed on dark mode in the second case?

[alfianchii]

In light mode, the font-size was fixed (px). But when in dark mode, the font-size becomes rem. Anyway, the fonts could change only in mobile view (perhaps because my front-end was config his own CSS).

But this problem was solved by my front-end in our repository by overriding rem with px xD.

[alfianchii]

In other words, in my case the problem was solved. But still in the most case, like the search input in simple datatable, the margin/padding would change suddenly when do dark mode.

[alfianchii]

In other words, in my case the problem was solved. But still in the most case, like the search input in simple datatable, the margin/padding would change suddenly when do dark mode.

My mistake. The margin/padding bug in simple datatable was solved. I should have checked on branch vite not in the production D: