Bug: Support page secondary CTA bg-secondary-bg is undefined in Tailwind config #112

New Issue

Closed

opened 2026-05-17 21:19:01 -05:00 by null · 0 comments

null commented

2026-05-17 21:19:01 -05:00

Owner

Problem

The Support page ZohoDesk Sign In button uses the class bg-secondary-bg:

className="inline-flex items-center justify-center px-6 py-3 bg-secondary-bg text-primary-navy font-medium rounded-md hover:bg-secondary-bg/80 transition-colors"

But bg-secondary-bg is not defined in the Tailwind config. The configured background colors are background, section-alt, card. There is no secondary-bg color defined.

This means the button likely renders with no background (transparent), making it invisible or broken.

Fix

Replace bg-secondary-bg with a valid Tailwind color. Options:

bg-white for a white button with navy text
bg-section-alt (#EEF6FB) for a light blue button

Files

src/pages/Support.jsx - line 181

Severity

Medium - button may be invisible on the Support page

## Problem The Support page ZohoDesk Sign In button uses the class bg-secondary-bg: className="inline-flex items-center justify-center px-6 py-3 bg-secondary-bg text-primary-navy font-medium rounded-md hover:bg-secondary-bg/80 transition-colors" But bg-secondary-bg is not defined in the Tailwind config. The configured background colors are background, section-alt, card. There is no secondary-bg color defined. This means the button likely renders with no background (transparent), making it invisible or broken. ## Fix Replace bg-secondary-bg with a valid Tailwind color. Options: - bg-white for a white button with navy text - bg-section-alt (#EEF6FB) for a light blue button ## Files - src/pages/Support.jsx - line 181 ## Severity Medium - button may be invisible on the Support page