diff --git a/frontend/src/page/library.vue b/frontend/src/page/library.vue
index 59c251e0a..0ff762ac6 100644
--- a/frontend/src/page/library.vue
+++ b/frontend/src/page/library.vue
@@ -108,6 +108,10 @@ export default {
       active = tabs.findIndex((t) => t.name === this.tab);
     }
 
+    if (active < 0) {
+      active = 0;
+    }
+
     return {
       tabs: tabs,
       demo: isDemo,
diff --git a/frontend/src/page/people.vue b/frontend/src/page/people.vue
index 71cbd07e0..b634d7733 100644
--- a/frontend/src/page/people.vue
+++ b/frontend/src/page/people.vue
@@ -70,13 +70,23 @@ export default {
       });
     }
 
+    let active = 0;
+
+    if (typeof this.$route.name === 'string' && this.$route.name !== '') {
+      active = tabs.findIndex((t) => t.name === this.$route.name);
+    }
+
+    if (active < 0) {
+      active = 0;
+    }
+
     return {
       tabs: tabs,
       demo: isDemo,
       public: isPublic,
       config: config,
       readonly: isReadOnly,
-      active: 0,
+      active: active,
       rtl: this.$rtl,
     };
   },
diff --git a/frontend/src/page/settings.vue b/frontend/src/page/settings.vue
index 801b44577..da6e7083e 100644
--- a/frontend/src/page/settings.vue
+++ b/frontend/src/page/settings.vue
@@ -137,6 +137,10 @@ export default {
       active = tabs.findIndex((t) => t.name === this.tab);
     }
 
+    if (active < 0) {
+      active = 0;
+    }
+
     return {
       tabs: tabs,
       demo: isDemo,