diff --git a/components/navigation/navigation.vue b/components/navigation/navigation.vue
index a55165e..f981960 100644
--- a/components/navigation/navigation.vue
+++ b/components/navigation/navigation.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useDisplay, useTheme } from "vuetify/lib/framework.mjs";
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { navigateTo, useRoute } from "#app";
 
 const route = useRoute();
@@ -9,6 +9,10 @@ const { mobile } = useDisplay();
 const navOpen = ref(!mobile.value);
 const navSelected = ref([route.path]);
 
+watch(route, (v) => {
+  navSelected.value = [route.path];
+});
+
 const theme = useTheme();
 function switchTheme() {
   theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark';