diff --git a/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md b/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
index 3bb9d490a..a4d43e199 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
@@ -3,7 +3,7 @@
 The Document Object Model (DOM) is a programming interface built for HTML and XML documents. It represents the page that allows programs and scripts to dynamically update the document structure, content, and style. With DOM, we can easily access and manipulate tags, IDs, classes, attributes, etc.  
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink badgeText='Read' colorScheme="yellow" href='https://javascript.info/dom-nodes'>DOM Treee</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://javascript.info/dom-nodes'>DOM Tree</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.geeksforgeeks.org/dom-document-object-model/'>GeeksForGeeks - DOM (Document Object Model)</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.freecodecamp.org/news/what-is-the-dom-document-object-model-meaning-in-javascript/'>What is the DOM?</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://eloquentjavascript.net/14_dom.html'>Eloquent JavaScript, 3rd Edition: The Document Object Model</BadgeLink>