diff --git a/src/features/settings/composables/useSettingsPage.js b/src/features/settings/composables/useSettingsPage.js
index e66d73f..31f387a 100644
--- a/src/features/settings/composables/useSettingsPage.js
+++ b/src/features/settings/composables/useSettingsPage.js
@@ -20,14 +20,19 @@ const normalizePagePath = function normalizePagePath (path) {
     return path
         .replace(/\.+/g, '.')
         .replace(/^\.+|\.+$/g, '')
-        .replace(/\./g, '/');
+        .split('.');
 };
 
 export const useSettingsPage = function useSettingsPage () {
     const router = useRouter();
 
     const goToSettingsPage = function goToSettingsPage (pagePath) {
-        return router.push(`/settings/${normalizePagePath(pagePath)}`);
+        return router.push({
+            name: 'settings',
+            params: {
+                rest: normalizePagePath(pagePath)
+            }
+        });
     };
 
     return { goToSettingsPage };
diff --git a/src/router/index.js b/src/router/index.js
index 36fbbd7..13cc40d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -40,15 +40,9 @@ const routes = [
         }
     },
     {
-        path: '/settings',
+        path: '/settings/:rest(.*)*',
         name: 'settings',
         component: SettingsView,
-        children: [
-            {
-                path: ':rest(.*)',
-                component: SettingsView
-            }
-        ],
         meta: {
             title: () => i18n.global.t('preferences.settings')
         }