diff --git a/layouts/AppMenu.vue b/layouts/AppMenu.vue
index 2ad4526e6..1cba93149 100755
--- a/layouts/AppMenu.vue
+++ b/layouts/AppMenu.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="['layout-sidebar', { active: active }]">
         <router-link to="/" class="logo">
-            <img :src="'/demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" />
+            <img :src="baseUrl + 'demo/images/primevue-logo-' + `${$appState.darkTheme ? 'light' : 'dark'}` + '.svg'" alt="primevue logo" />
         </router-link>
         <div class="layout-sidebar-filter p-fluid">
             <AutoComplete
@@ -79,7 +79,8 @@ export default {
             menu: menudata.data,
             filteredRoutes: null,
             selectedRoute: null,
-            routes: []
+            routes: [],
+            baseUrl: '/'
         };
     },
     mounted() {
@@ -96,6 +97,8 @@ export default {
 
             this.routes.push(childRoute);
         });
+
+        this.baseUrl = process.dev ? '/' : '/primevue-nuxt/';
     },
     methods: {
         toggleSubmenu(event, name) {
diff --git a/layouts/AppTopBar.vue b/layouts/AppTopBar.vue
index 7b35c9abf..56c25c548 100755
--- a/layouts/AppTopBar.vue
+++ b/layouts/AppTopBar.vue
@@ -312,7 +312,7 @@ export default {
     container: null,
     mounted() {
         this.bindScrollListener();
-        this.baseUrl = process.dev ? '/' : '/primevue/nuxt';
+        this.baseUrl = process.dev ? '/' : '/primevue-nuxt/';
     },
     beforeUnmount() {
         if (this.scrollListener) {