diff --git a/docs/content/1.getting-started/3.theme.md b/docs/content/1.getting-started/3.theme.md
index c6208fd7..a20c90b4 100644
--- a/docs/content/1.getting-started/3.theme.md
+++ b/docs/content/1.getting-started/3.theme.md
@@ -80,7 +80,7 @@ Learn more about customizing your theme in the theme variables documentation.
 
 You can use the [`@source` directive](https://tailwindcss.com/docs/functions-and-directives#source-directive) to explicitly specify source files that aren't picked up by Tailwind's automatic content detection:
 
-This can be useful when writing Tailwind classes in markdown files with [`@nuxt/content`](https://github.com/nuxt/content) for example:
+This can be useful when writing Tailwind CSS classes in markdown files with [`@nuxt/content`](https://github.com/nuxt/content) for example:
 
 ::module-only
 #ui
@@ -90,7 +90,9 @@ This can be useful when writing Tailwind classes in markdown files with [`@nuxt/
 @import "tailwindcss";
 @import "@nuxt/ui";
 
-@source "../../content"; /* Change to "../../../content" if using compatibilityVersion: 4 in nuxt.config.ts */
+@source "../../content";
+/* Use this if using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */
+@source "../../../content";
 ```
 
 :::
@@ -102,7 +104,9 @@ This can be useful when writing Tailwind classes in markdown files with [`@nuxt/
 @import "tailwindcss";
 @import "@nuxt/ui-pro";
 
-@source "../../content"; /* Change to "../../../content" if using compatibilityVersion: 4 in nuxt.config.ts */
+@source "../../content";
+/* Use this if using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */
+@source "../../../content";
 ```
 
 :::