Support.jsx: hover:bg-navy-darker is undefined in Tailwind config #64

New Issue

Closed

opened 2026-05-17 17:53:14 -05:00 by null · 0 comments

null commented

2026-05-17 17:53:14 -05:00

Owner

Bug Description

src/pages/Support.jsx line 156 uses hover:bg-navy-darker as a Tailwind class, but navy-darker is not defined in the project's tailwind.config.js. The available navy colors are primary-navy and primary-navy-dark.

Since the class doesn't exist, the hover effect silently fails — the button has no visible hover state.

Fix

Replace hover:bg-navy-darker with hover:bg-primary-navy-dark to match the project's design system.

Labels

bug, frontend, P2 Medium

## Bug Description `src/pages/Support.jsx` line 156 uses `hover:bg-navy-darker` as a Tailwind class, but `navy-darker` is not defined in the project's `tailwind.config.js`. The available navy colors are `primary-navy` and `primary-navy-dark`. Since the class doesn't exist, the hover effect silently fails — the button has no visible hover state. ## Fix Replace `hover:bg-navy-darker` with `hover:bg-primary-navy-dark` to match the project's design system. ## Labels - bug, frontend, P2 Medium