diff --git a/components/navigation/navigation.vue b/components/navigation/navigation.vue
index 6e5a674..e001d88 100644
--- a/components/navigation/navigation.vue
+++ b/components/navigation/navigation.vue
@@ -1,10 +1,13 @@
 <script setup>
 import { useDisplay } from "vuetify/lib/framework.mjs";
 import { ref } from "vue";
-import { navigateTo } from "#app";
+import { navigateTo, useRoute } from "#app";
+
+const route = useRoute();
 
 const { mobile } = useDisplay();
 const navOpen = ref(!mobile.value);
+const navSelected = ref([route.path]);
 </script>
 
 <template>
@@ -13,7 +16,7 @@ const navOpen = ref(!mobile.value);
     <VToolbarTitle>Database Project</VToolbarTitle>
   </VAppBar>
   <VNavigationDrawer v-model="navOpen" :temporary="mobile">
-    <VList density="compact" nav>
+    <VList v-model:selected="navSelected" density="compact" nav>
       <VListItem prepend-icon="mdi-login" title="Login" value="/login" @click="navigateTo('/login')" />
       <VListItem prepend-icon="mdi-account" title="Clients" value="/clients" @click="navigateTo('/clients')" />
       <VDivider />