FAQ questions lack hover or visual feedback indicating they are clickable

[MohdMusaiyab]

Issue Description

Description:-

On the FAQ page (https://habitica.com/static/faq), the FAQ questions appear as plain text and do not provide clear visual feedback when hovered over.

Because of this, it is not immediately obvious that the FAQ items are interactive and can be clicked to expand or reveal additional details.

For users visiting the page for the first time, this may reduce discoverability and negatively impact usability.

Steps to Reproduce

1. Navigate to the FAQ page: https://habitica.com/static/faq
2. Hover over any FAQ question.
3. Observe that there is no visible hover effect or cursor change indicating interactivity.
4. Click the question to expand it.

Expected Behavior

FAQ items should provide a clear visual indication that they are clickable. Examples include:

cursor: pointer on hover

background color change

underline or highlight effect

expand/collapse icon (chevron/arrow)

These cues help users quickly understand that the elements are interactive.

I’d be happy to work on this improvement if maintainers think it would be useful.

Screencast.from.2026-03-14.01-29-20.webm

[Tressley]

@MohdMusaiyab -- Thank you for your report. This is in fact an accessibility issue that we would like to fix. To indicate interactivity, the cursor should change to pointer on hover. I've went ahead and assigned this issue to you. Please let us know if you have any questions.

[MohdMusaiyab]

Thanks for assigning this! I’ll work on the fix and update soon.