diff --git a/src/components/Nav.vue b/src/components/Nav.vue
index 8c7f775..32ceeed 100644
--- a/src/components/Nav.vue
+++ b/src/components/Nav.vue
@@ -45,8 +45,9 @@ export default {
       <template #activator="{ props }">
         <v-app-bar-nav-icon v-bind="props" class="md:hidden!" />
       </template>
-      <v-list>
-        <v-list-item v-for="(page, index) in pages" :key="index" :value="index" :to="page.page">
+
+      <v-list :lines="false" density="compact" nav>
+        <v-list-item v-for="(page, index) in pages" :key="index" color="primary" :value="index" :to="page.page">
           <v-list-item-title>{{ page.title }}</v-list-item-title>
         </v-list-item>
       </v-list>