diff --git a/components/Nav/Navbar.vue b/components/Nav/Navbar.vue
index ed9146b984dbb0ff8eb6d904dcc049fe2a0904d1..7cb8032579cf6b38a96a93465edd7877475d1d69 100644
--- a/components/Nav/Navbar.vue
+++ b/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";
diff --git a/components/Nav/Navigation.vue b/components/Nav/Navigation.vue
index b2c227d988f6fd4548333e4c2322b4ece7f68a00..5272157cc22dbd17bb9d860d590d97d5aa1666d3 100644
--- a/components/Nav/Navigation.vue
+++ b/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"