diff --git a/content/roadmaps/100-frontend/content/113-web-components/readme.md b/content/roadmaps/100-frontend/content/113-web-components/readme.md
index 4a5dd290a..a1e4ddca2 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/readme.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/readme.md
@@ -3,5 +3,5 @@
 Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Web_Components'>Web Components | MDN</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://developer.mozilla.org/en-US/docs/Web/Web_Components'>Web Components | MDN</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=PCWaFLy3VUo'>Web Components Crash Course</BadgeLink>