Small UI issue in the sidebar, when hovering over an option with the "new" label, it gets an underline, and looking at the code there seems to be a group-hover:no-underline class on the label, so it should not get an underline. The issue lies with the order of CSS specificity, and this can very easily be solved by just swapping the logic to only add the hover effect to the text and not the entire li and then removing the underline for the label only. I am more than willing to make a small PR fixing this 🙏
Describe the bug
Small UI issue in the sidebar, when hovering over an option with the "new" label, it gets an underline, and looking at the code there seems to be a
group-hover:no-underline
class on the label, so it should not get an underline. The issue lies with the order of CSS specificity, and this can very easily be solved by just swapping the logic to only add the hover effect to the text and not the entireli
and then removing the underline for the label only. I am more than willing to make a small PR fixing this 🙏Affected component/components
apps/www/components/sidebar-nav.tsx
How to reproduce
Codesandbox/StackBlitz link
No codesandbox
Logs
System Info
Before submitting