Navigation density compact + nav define for v-list

components/Nav/Navbar.vue

@@ -7,14 +7,13 @@
     <v-toolbar-title>Microbial Warefare</v-toolbar-title>
     <v-btn @click="toggleTheme">toggle theme</v-btn>
   </v-app-bar>
-  <v-navigation-drawer v-model="drawer">
+  <v-navigation-drawer v-model="drawer" :border="0">
     <v-card flat>
-      <v-list>
+      <v-list nav density="compact" :lines="false">
         <NavNavigation :navigation="navigation" />
       </v-list>
     </v-card>
   </v-navigation-drawer>
- 
 </template>
 <script setup lang="ts">
 import { useTheme } from "vuetify";

components/Nav/Navigation.vue

@@ -13,7 +13,6 @@ const props = defineProps<{
       <template v-slot:activator="{ props }">
         <v-list-item
           v-bind="props"
-          nav
           :title="navItem.title"
           active-color="primary"
         ></v-list-item>
@@ -22,7 +21,6 @@ const props = defineProps<{
     </v-list-group>
     <template v-else>
       <v-list-item
-        nav
         :title="navItem.title"
         :value="navItem.title"
         :to="navItem._path"