diff --git a/layouts/AppConfigurator.vue b/layouts/AppConfigurator.vue
index be0dcd1c6..00dc0cd1f 100755
--- a/layouts/AppConfigurator.vue
+++ b/layouts/AppConfigurator.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="config-panel px-hidden">
+    <div class="config-panel hidden">
         <div class="config-panel-content">
             <div class="config-panel-colors">
                 <span class="config-panel-label">Primary</span>
diff --git a/layouts/AppMenuItem.vue b/layouts/AppMenuItem.vue
index 59ee3d571..ff00d8361 100644
--- a/layouts/AppMenuItem.vue
+++ b/layouts/AppMenuItem.vue
@@ -1,6 +1,6 @@
 <template>
     <li v-for="(menuitem, index) in menu" :key="`_root${index}`">
-        <button v-if="menuitem.children && root" v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'px-slidedown', leaveToClass: 'hidden', leaveActiveClass: 'px-slideup' }" type="button">
+        <button v-if="menuitem.children && root" v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'animate-slidedown', leaveToClass: 'hidden', leaveActiveClass: 'animate-slideup' }" type="button">
             <span class="menu-icon">
                 <i :class="menuitem.icon"></i>
             </span>
diff --git a/layouts/AppTopBar.vue b/layouts/AppTopBar.vue
index be2927092..ac9e4fc5f 100755
--- a/layouts/AppTopBar.vue
+++ b/layouts/AppTopBar.vue
@@ -86,7 +86,7 @@
                 </li>
                 <li>
                     <button
-                        v-styleclass="{ selector: '@next', enterClass: 'px-hidden', enterActiveClass: 'px-scalein', leaveToClass: 'px-hidden', leaveActiveClass: 'px-fadeout', hideOnOutsideClick: true }"
+                        v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'animate-scalein', leaveToClass: 'hidden', leaveActiveClass: 'animate-fadeout', hideOnOutsideClick: true }"
                         type="button"
                         class="topbar-item config-item"
                     >
@@ -96,7 +96,7 @@
                 </li>
                 <li>
                     <button
-                        v-styleclass="{ selector: '@next', enterClass: 'px-hidden', enterActiveClass: 'px-scalein', leaveToClass: 'px-hidden', leaveActiveClass: 'px-fadeout', hideOnOutsideClick: true }"
+                        v-styleclass="{ selector: '@next', enterClass: 'hidden', enterActiveClass: 'animate-scalein', leaveToClass: 'hidden', leaveActiveClass: 'animate-fadeout', hideOnOutsideClick: true }"
                         type="button"
                         style="max-width: 8rem"
                         class="topbar-item version-item"
@@ -105,7 +105,7 @@
                         <span class="version-icon pi pi-angle-down"></span>
                     </button>
 
-                    <div class="versions-panel px-hidden">
+                    <div class="versions-panel hidden">
                         <ul>
                             <li v-for="version in versions" :key="version.version" role="none">
                                 <a :href="version.url">