menu-active color and rounding - is it correct?

[jamesladd]

I notice that when using the menu class="menu" and I hover an entry the hover color shows the item as having a rounded border (i think - I have old eyes) and then I use the menu-active" class the item appears not to have a rounded border.
Is this correct or am I seeing things (or not seeing them) ?

On another note - how can I adjust the colors for menu-active or should I define my own class?

• james.

[pdanpdan]

Make a play that can reproduce it, please.

[saadeghi]

then I use the menu-active" class the item appears not to have a rounded border.

The all should have the exact same border radius.

how can I adjust the colors for menu-active or should I define my own class?

menu-active just sets a color. so if we want a different color, we can use utility classes instead of menu-active:
https://play.tailwindcss.com/EuRTVNgUcn

<ul class="menu bg-base-200 w-56">
  <li><a>Item 1</a></li>
  <li><a class="bg-blue-800 text-blue-300">Item 2</a></li>
  <li><a>Item 3</a></li>
</ul>

[jamesladd]

I checked my code and I saw that in the Daisy example the class "menu-active" was on the a tag where I had it on the li tag.
When on the right tag it has the rounding as per example.

Thank you. Sorry for my mistake.