diff --git a/gdn-app/src/App.vue b/gdn-app/src/App.vue
index 7986b7b..d15f5bd 100644
--- a/gdn-app/src/App.vue
+++ b/gdn-app/src/App.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import CNavbar from "./components/CNavbar.vue";
 import CNote from "./components/CNote.vue";
-import Navbar from "./components/Navbar.vue";
 import { Note } from "./types";
 
 const testNote: Note = {
@@ -14,7 +14,7 @@ const testNote: Note = {
 
 <template>
   <div class="flex h-screen touch-pan-x touch-pan-y flex-col">
-    <Navbar />
+    <CNavbar />
     <div class="h-full overflow-auto px-2 py-1">
       <CNote :note="testNote" />
     </div>
diff --git a/gdn-app/src/components/Navbar.vue b/gdn-app/src/components/CNavbar.vue
similarity index 92%
rename from gdn-app/src/components/Navbar.vue
rename to gdn-app/src/components/CNavbar.vue
index 24f17a9..5e04317 100644
--- a/gdn-app/src/components/Navbar.vue
+++ b/gdn-app/src/components/CNavbar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { RiDeleteBinFill, RiSettings3Fill } from "@remixicon/vue";
-import NavbarDropdown from "./NavbarDropdown.vue";
 import { useReposStore } from "@/stores/repos";
+import { RiDeleteBinFill, RiSettings3Fill } from "@remixicon/vue";
+import CNavbarDropdown from "./CNavbarDropdown.vue";
 
 const repos = useReposStore();
 </script>
@@ -11,7 +11,7 @@ const repos = useReposStore();
     <!-- The div is necessary because of the delete button, otherwise I could
     just use justify-between -->
     <div class="mr-auto overflow-hidden">
-      <NavbarDropdown />
+      <CNavbarDropdown />
     </div>
 
     <!-- Temporary delete button until I add proper repo settings -->
diff --git a/gdn-app/src/components/NavbarDropdown.vue b/gdn-app/src/components/CNavbarDropdown.vue
similarity index 91%
rename from gdn-app/src/components/NavbarDropdown.vue
rename to gdn-app/src/components/CNavbarDropdown.vue
index 0ce859b..9d2ad67 100644
--- a/gdn-app/src/components/NavbarDropdown.vue
+++ b/gdn-app/src/components/CNavbarDropdown.vue
@@ -7,7 +7,7 @@ import {
   RiArrowDropUpLine,
 } from "@remixicon/vue";
 import { ref, useTemplateRef } from "vue";
-import NavbarDropdownEntry from "./NavbarDropdownEntry.vue";
+import CNavbarDropdownEntry from "./CNavbarDropdownEntry.vue";
 
 const repos = useReposStore();
 
@@ -77,15 +77,16 @@ function onSelectRepo(id: string) {
     style="scrollbar-gutter: stable"
     :style="floatingStyles"
   >
-    <NavbarDropdownEntry
+    <CNavbarDropdownEntry
       v-for="repo of repos.reposByName"
       :class="{ 'font-medium': repo.id === repos.selectedRepoId }"
       @click="onSelectRepo(repo.id)"
-      >{{ repo.name }}</NavbarDropdownEntry
     >
+      {{ repo.name }}
+    </CNavbarDropdownEntry>
     <hr v-if="repos.reposByName.length > 0" class="m-1 text-neutral-700" />
-    <NavbarDropdownEntry class="italic" @click="onAddNewRepo">
+    <CNavbarDropdownEntry class="italic" @click="onAddNewRepo">
       <RiAddLine size="16px" class="-ml-1 inline" /> add new repo
-    </NavbarDropdownEntry>
+    </CNavbarDropdownEntry>
   </div>
 </template>
diff --git a/gdn-app/src/components/NavbarDropdownEntry.vue b/gdn-app/src/components/CNavbarDropdownEntry.vue
similarity index 100%
rename from gdn-app/src/components/NavbarDropdownEntry.vue
rename to gdn-app/src/components/CNavbarDropdownEntry.vue
diff --git a/gdn-app/src/components/CNote.vue b/gdn-app/src/components/CNote.vue
index 57a041f..dfbd296 100644
--- a/gdn-app/src/components/CNote.vue
+++ b/gdn-app/src/components/CNote.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Note as Note } from "@/types";
+import { Note } from "@/types";
 
 const props = defineProps<{ note: Note }>();
 </script>