✨ Enhancement: Add hover effect with background color change to "GROUP BY" filter buttons

[tusharsingla22222-source]

Is your feature request related to a problem? Please describe

Currently, the "GROUP BY" filter buttons (None, Tooling Type, Language) on the Tools page lack visual feedback when users hover over them. This makes it unclear which button the user is about to interact with, reducing the overall user experience.

Current Behavior:

The three filter buttons ("None", "Tooling Type", "Language") displayed below the "Adding your tool" and "Try Bowtie" banners do not have any hover state styling. Users cannot visually distinguish which button they are about to click.

Proposed Enhancement:

Add hover effects with distinct background color changes to the "GROUP BY" filter buttons to provide clear visual feedback and improve interactivity.

Expected Behavior:

• When a user hovers their cursor over any of the three filter buttons, the background color should change to indicate interactivity
• The transition should be smooth and consistent with the existing design system
• The hover effect should be distinct from the active/selected state (currently "Tooling Type" appears to be selected with a blue background)

Benefits:

• Improves user experience with immediate visual feedback
• Makes the interface more intuitive and interactive
• Maintains consistency with modern web design patterns
• Enhances overall polish of the tooling page

Describe the solution you'd like

Screen.Recording.2025-11-19.at.9.49.25.AM.mov

Screen.Recording.2025-11-19.at.9.48.42.AM.mov

Describe alternatives you've considered

• Add CSS hover states with appropriate background color transitions
• Ensure sufficient color contrast for accessibility
• Maintain consistency across similar elements throughout the application
• Consider using smooth transitions for a polished effect (e.g., transition: background-color 0.3s ease)

Additional context

No response

Are you working on this?

Yes

[tusharsingla22222-source]

Please assign this issue to me . I will love to work on this issue .
@Utkarsh-123github @vtushar06

[oksaumya]

/assign

[vtushar06]

Hii @oksaumya, welcome to the community!.
Please wait until the issue is reviewed by the maintainer as per our guidelines —once it’s assigned, you can proceed with the PR to avoid duplicate Efforts.
Thanks for the fix! Let’s wait for @Utkarsh-123github to review it.

Also, a small request to both of you, @oksaumya and @tusharsingla22222-source:
For future issues, please try to include visuals or screenshots along with your proposed changes. It really helps speed up the review and assignment process.