diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
index df7c3033f..d2177e79c 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
@@ -1,14 +1,10 @@
-# Tailwind css
+# Tailwind CSS
-### Rapidly build modern websites without ever leaving your HTML.
-
-##### A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
+CSS Framework that provides atomic CSS classes to help you style components e.g. `flex`, `pt-4`, `text-center` and `rotate-90` that can be composed to build any design, directly in your markup.
Free Content
-Tailwind Website
-Tailwind CSS: An Introduction
-
-Tailwind CSS Crash Course
-
-Should You Use Tailwind CSS?
-
+Tailwind Website
+Official Screencasts
+Should You Use Tailwind CSS?
+Tailwind CSS: An Introduction
+Tailwind CSS Crash Course
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 78899e14b..fcd7ac9c8 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -26,6 +26,14 @@ const GlobalStyles = css`
text-rendering: optimizeSpeed;
}
+ code {
+ background: #1e1e3f;
+ color: #9efeff;
+ padding: 3px 5px;
+ font-size: 14px;
+ border-radius: 3px;
+ }
+
svg .clickable-group {
cursor: pointer;