DarkThemeToggle icon size

[idc77]

I'd like to reduce the icon size of DarkThemeToggle, as, when put on the Navbar it makes the links look ugly.
How can this be achived?

[SutuSebastian]

Use the theme prop:

<DarkThemeToggle
  theme={{
    root: {
      icon: twMerge(theme.darkThemeToggle.root.icon, "h-3.5 w-3.5"),
    },
  }}
/>

Quick tip:

• link could look good if u center all content items-center (in case of using flex)

[idc77]

Thank you