sis/docs/specs/2026-07-15-nav-button-styling-design.md

Nav Button Styling: Use .nb-button.default

Date: 2026-07-15

Summary

Change the CSS class on all navigation bar buttons in frontend/src/index.ts from .nb-button to .nb-button.default to use the default variant styling provided by the Neo Brutalism CSS framework.

Changes

Element	Current Class	New Class
Dashboard nav link	a.nb-button	a.nb-button.default
Chores nav link	a.nb-button	a.nb-button.default
Household nav link	a.nb-button	a.nb-button.default
Activity nav link	a.nb-button	a.nb-button.default
Logout button	button.nb-button	button.nb-button.default

Scope

• File: frontend/src/index.ts only
• Lines affected: 5 consecutive lines in the NavBar component (currently lines 115-119)
• No other changes to styles, structure, or behavior