Card icons render incorrectly on iPhone (Safari & Chrome) after back-navigation

[Maanvi212006]

Current Behavior

On the docs homepage, the tutorial/doc cards (Cloud Docs, Kanvas Docs, Meshery Docs, Nighthawk Docs) show the wrong icon after tapping a card and then navigating back on iPhone. Confirmed on both Safari and Chrome on iOS. Android is not affected.

Steps to reproduce

1. Open the docs homepage on an iPhone (Safari or Chrome).
2. Tap any doc card (e.g. "Kanvas Docs").
3. Use the browser back button to return to the homepage.
4. Observe the icon for that card — it renders incorrectly instead of the default icon.

Expected Behavior

The icon should always show its default state when the homepage loads or is returned to.

Screenshots/Logs

ScreenRecording_08-17-2026.18-43-46_1.MP4

Environment

• Host OS: Mac Linux Windows
• Browser: Chrome Safari Firefox Edge Opera

---

Contributor Guide and Resources

• 📚 Instructions for contributing to documentation
  • Layer5 documentation site and source
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack

[khushal-winner]

Can I get to work on this? @Maanvi212006