diff --git a/components/doc/codeeditor/templates.js b/components/doc/codeeditor/templates.js
index 573a7cea3..396350b09 100644
--- a/components/doc/codeeditor/templates.js
+++ b/components/doc/codeeditor/templates.js
@@ -59,7 +59,7 @@ const getVueApp = (props = {}, sourceType) => {
     if (embedded) {
         // main.js
         unstyled += `, unstyled: true, pt: Tailwind`;
-        imports += `import Tailwind from 'primevue/tailwind';
+        imports += `import Tailwind from 'primevue/passthrough/tailwind';
 import ThemeSwitcher from './components/ThemeSwitcher.vue';`;
         element += `app.component('ThemeSwitcher', ThemeSwitcher);`;
 
diff --git a/doc/tailwind/ApiDoc.vue b/doc/tailwind/ApiDoc.vue
index 1417627cc..721c108d3 100644
--- a/doc/tailwind/ApiDoc.vue
+++ b/doc/tailwind/ApiDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>The complete API of the Tailwind theme at <i>primevue/tailwind</i> with the default values as a reference.</p>
+        <p>The complete API of the Tailwind theme at <i>primevue/passthrough/tailwind</i> with the default values as a reference.</p>
     </DocSectionText>
     <div class="overflow-auto" style="height: 40rem">
         <DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
diff --git a/doc/tailwind/CustomizationDoc.vue b/doc/tailwind/CustomizationDoc.vue
index d86ea27ba..24ffb2a11 100644
--- a/doc/tailwind/CustomizationDoc.vue
+++ b/doc/tailwind/CustomizationDoc.vue
@@ -52,7 +52,7 @@ export default {
             code2: {
                 basic: `import {createApp} from "vue";
 import PrimeVue from "primevue/config";
-import Tailwind from "primevue/tailwind";
+import Tailwind from "primevue/passthrough/tailwind";
 
 const app = createApp(App);
 
diff --git a/doc/tailwind/SetupDoc.vue b/doc/tailwind/SetupDoc.vue
index 85fdbfe33..e49ce291e 100644
--- a/doc/tailwind/SetupDoc.vue
+++ b/doc/tailwind/SetupDoc.vue
@@ -2,8 +2,8 @@
     <DocSectionText v-bind="$attrs">
         <p>
             This section assumes that Tailwind is already available in your application, if not visit the Tailwind CSS <a href="https://tailwindcss.com/docs/installation/framework-guides">framework guides</a> like Vite or Nuxt for the installation.
-            The built-in default theme is basically a <PrimeVueNuxtLink to="/passthrough">global pass through</PrimeVueNuxtLink> configuration that needs to be imported from <i>primevue/tailwind</i> path and then defined during setup. Since the theme
-            is exclusive to unstyled mode, the <i>unstyled</i> setting is required in addition.
+            The built-in default theme is basically a <PrimeVueNuxtLink to="/passthrough">global pass through</PrimeVueNuxtLink> configuration that needs to be imported from <i>primevue/passthrough/tailwind</i> path and then defined during setup.
+            Since the theme is exclusive to unstyled mode, the <i>unstyled</i> setting is required in addition.
         </p>
         <DocSectionCode :code="code1" hideToggleCode hideCodeSandbox hideStackBlitz />
         <p>
@@ -22,7 +22,7 @@ export default {
             code1: {
                 basic: `import {createApp} from "vue";
 import PrimeVue from "primevue/config";
-import Tailwind from "primevue/tailwind";
+import Tailwind from "primevue/passthrough/tailwind";
 
 const app = createApp(App);