diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md
index 0098bc8db..cb631ccf0 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md
@@ -4,6 +4,6 @@ Bulma is a free, open source framework that provides ready-to-use frontend compo
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme='blue' badgeText='Official Website' href='https://bulma.io/'>Bulma Website</BadgeLink>
-<BadgeLink badgeText='Watch' href='https://youtube.com/playlist?list=PL4cUxeGkcC9iXItWKbaQxcyDT1u6E7a8a'>Bulma CSS Tutorial</BadgeLink>
 <BadgeLink colorScheme='green' badgeText='Course' href='https://scrimba.com/learn/bulma'>Learn Bulma CSS</BadgeLink>
-<BadgeLink badgeText='Read' href='https://www.freecodecamp.org/news/how-to-build-a-responsive-blog-design-with-bulma-css-c2257a17c16b'>How To Build A ? Responsive Blog Design With Bulma CSS</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/how-to-build-a-responsive-blog-design-with-bulma-css-c2257a17c16b'>How To Build A ? Responsive Blog Design With Bulma CSS</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtube.com/playlist?list=PL4cUxeGkcC9iXItWKbaQxcyDT1u6E7a8a'>Bulma CSS Tutorial</BadgeLink>