This is a nit pick bug! But something that should be fixed at some point
Currently, our Navbar has a cool animation when you hover on an option like "Mission" it would bold the next and underline it. This effect, specifically the bolding, results all of the div's content to shift over to the left a few pixels causing a weird jittering effect for the user.
Video of issue
it is very minuscule and only differs by few pixels when you hover on a button on the right - it pushes the buttons to the left a few pixels and created a weird jitter effect:
Ensure that each button in the navbar has it's own padding and is centered in its own div. Most likely, the buttons are stacked right next to each other and not each in a centerd flex div so the size of everything is dependent on how many pixels the text takes up {hence it increases when you increase the font weight to make it bold]
Description
This is a nit pick bug! But something that should be fixed at some point
Currently, our Navbar has a cool animation when you hover on an option like "Mission" it would bold the next and underline it. This effect, specifically the bolding, results all of the div's content to shift over to the left a few pixels causing a weird jittering effect for the user.
Video of issue
https://github.com/user-attachments/assets/37601cd0-a945-4766-a9a2-b895397fe8b0
Recommended solution: