🐛 Bug Report: Extra Clickable Area for Navbar Logo.

[Biswas-Samrat]

Clicking in the empty space below the visible logo image still triggers navigation to the home route (/). This occurs because the parent component, which handles navigation, is sizing itself based on the large 10rem height applied to the elements in CSS.

Expected Behavior
Clicking in the empty space below the logo should not trigger navigation. Navigation should only occur when clicking the logo image.

@robvanderveer / @northdpole
Assign this issue to me and share your thoughts on this issue.

[DEMOCODE675]

Hi! 👋
I’d like to work on fixing the extra clickable area around the navbar logo.
Please assign this issue to me.

Thank you!

[whileds]

Hi!
I'd like to work on this issue.

The root cause seems to be that the parent container (which handles the navigation click) is inheriting the large h-[10rem] from the nested styles, making the entire area—including empty space—clickable.

My plan to fix this:

->Move the navigation handler directly onto the element (or its immediate wrapper), so only the visible logo is interactive.
->Ensure the parent container does not automatically expand based on child height by removing the unintended height inheritance or applying inline-flex/fit-content layout.
->Adjust the CSS so no extra padding/height is applied outside the logo.

Let me know if this approach aligns with your expectations.
Please assign this issue to me. @northdpole

Thanks!