Font Style Changes When Switching from Code Section to Guidance

[GARY121github]

Description

There is an issue with the font styling when navigating between sections:
When switching from the Code section to the Guidance section, the font of the entire website changes unexpectedly.
This issue does not occur when switching between Overview and Code, but only when transitioning to Guidance.

Affected Components:

• Backdrop Component → Switching from Overview to Guidance
• ButtonGroup → Changing from Overview to Guidance
• Modal Component
• Paper Component

Expected Behavior

The font should remain consistent across all sections, including when switching to Guidance.

Screenshots

Screen.Recording.2025-03-21.at.12.19.12.AM.mov

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[vr-varad]

hey @GARY121github I would like to work on this issue as well

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.