diff --git a/resources/js/router/index.js b/resources/js/router/index.js
index d9f1ed0..8e6cc8e 100644
--- a/resources/js/router/index.js
+++ b/resources/js/router/index.js
@@ -477,8 +477,10 @@ router.beforeEach(async (to, from, next) => {
 });
 
 router.afterEach((to, from) => {
-    const routeName = `page-${to.name}`;
-    document.body.dataset.routeName = routeName;
+    if (from.name !== undefined) {
+        document.body.classList.remove(`page-${from.name}`);
+    }
+    document.body.classList.add(`page-${to.name}`);
 });
 
 export default router;