diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
index e4fbffb6d..13d0fdb6f 100755
--- a/src/AppTopBar.vue
+++ b/src/AppTopBar.vue
@@ -105,10 +105,10 @@
                 <a href="https://www.primefaces.org/primeblocks-vue/#/" target="_blank"><span>Blocks</span></a>
             </li>
             <li class="topbar-submenu">
-                <a tabindex="0" @click="toggleMenu($event, 3)">v3.15.0</a>
+                <a tabindex="0" @click="toggleMenu($event, 3)">v3.16.0</a>
                 <transition name="p-connected-overlay" @enter="onMenuEnter">
                     <ul v-show="activeMenuIndex === 3" style="width: 100%">
-                        <li><router-link to="/"><span class="m-0">v3.15.0</span></router-link></li>
+                        <li><router-link to="/"><span class="m-0">v3.16.0</span></router-link></li>
                         <li><a href="https://www.primefaces.org/primevue-v2"><span class="m-0">v2.9.2</span></a></li>
                     </ul>
                 </transition>
diff --git a/src/assets/menu/menu.json b/src/assets/menu/menu.json
index 65bf43b22..67c6e5d28 100644
--- a/src/assets/menu/menu.json
+++ b/src/assets/menu/menu.json
@@ -80,7 +80,7 @@
                 },
                 {
                     "name": "SASS API",
-                    "href": "https://www.primefaces.org/designer/api/primevue/3.5.0"
+                    "href": "https://www.primefaces.org/designer/api/primevue/3.12.0"
                 }
             ]
         },
diff --git a/src/views/liveeditor/LiveEditor.vue b/src/views/liveeditor/LiveEditor.vue
index 7e96cb304..a58425532 100644
--- a/src/views/liveeditor/LiveEditor.vue
+++ b/src/views/liveeditor/LiveEditor.vue
@@ -317,7 +317,7 @@ export default {
                             dependencies: {
                                 ...extDependencies,
                                 'vue': dependencies['vue'],
-                                'primevue': '^3.15.0',
+                                'primevue': '^3.16.0',
                                 'primeflex': dependencies['primeflex'],
                                 'primeicons': dependencies['primeicons'],
                                 '@babel/cli': dependencies['@babel/cli'],
diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue
index c805bd0be..06a2e693f 100755
--- a/src/views/setup/Setup.vue
+++ b/src/views/setup/Setup.vue
@@ -13,7 +13,7 @@
             <p>PrimeVue is available at <a href="https://www.npmjs.com/package/primevue">npm</a>, if you have an existing application run the following commands to download PrimeVue and PrimeIcons to your project.</p>
 
 <pre v-code.script><code>
-npm install primevue@^3.15.0 --save
+npm install primevue@^3.16.0 --save
 npm install primeicons --save
 
 </code></pre>
diff --git a/src/views/theming/Theming.vue b/src/views/theming/Theming.vue
index dc4a793b4..89ff29d21 100755
--- a/src/views/theming/Theming.vue
+++ b/src/views/theming/Theming.vue
@@ -18,7 +18,7 @@
             <h5>Customization</h5>
             <p>CSS of the themes share the same license as PrimeVue which is MIT, this means the generated CSS can be customized per your needs however this should be avoided if your customizations
                 are not simple. For instance even to change a primary color, since there is no variable a find and replace should be performed various times. On the other hand, this can be achieved
-                by changing a single variable e.g. $primaryColor. Visit the <a href="https://www.primefaces.org/designer/api/primevue/3.5.0">SASS API</a> for the documentation of available customization options.</p>
+                by changing a single variable e.g. $primaryColor. Visit the <a href="https://www.primefaces.org/designer/api/primevue/3.12.0">SASS API</a> for the documentation of available customization options.</p>
 
             <p><a href="https://www.primefaces.org/designer/primevue">Designer</a> is the ultimate tool to create your own PrimeVue experience powered by a SASS based theme engine
                 with 500+ variables and a Visual Designer. PrimeVue only ships the generated CSS of <b>Material</b>, <b>Bootstrap</b>, <b>Tailwind</b>, <b>FluentUI</b>, <b>Saga</b>, <b>Vela</b>, <b>Arya</b> and legacy themes whereas Designer provides