diff --git a/components/UserInterface/Navbar.vue b/components/UserInterface/Navbar.vue
index b45138f..b6bc294 100644
--- a/components/UserInterface/Navbar.vue
+++ b/components/UserInterface/Navbar.vue
@@ -31,9 +31,9 @@
 </template>
 
 <script lang="ts" setup>
-import type { NavbarInterface, NavbarItem } from '~/types/interfaces';
+import type { INavbar, NavbarItem } from '~/types/interfaces';
 
-const props = defineProps<NavbarInterface>();
+const props = defineProps<INavbar>();
 
 const runtimeConfig = useRuntimeConfig();
 const defaultIcon = `${runtimeConfig.app.baseURL}/icon.svg`
diff --git a/layouts/client.vue b/layouts/client.vue
index fc525a3..f2582cf 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -48,14 +48,14 @@ import Loading from '~/components/Popups/Loading.vue';
 import Button from '~/components/UserInterface/Button.vue';
 import Navbar from '~/components/UserInterface/Navbar.vue';
 import VerticalSpacer from '~/components/UserInterface/VerticalSpacer.vue';
-import type { GuildResponse, NavbarInterface, NavbarItem } from '~/types/interfaces';
+import type { GuildResponse, INavbar, NavbarItem } from '~/types/interfaces';
 
 definePageMeta({
 	keepalive: true
 });
 
 const loading = useState("loading", () => false);
-const navbar = useState<NavbarInterface>("navbar")
+const navbar = useState<INavbar>("navbar")
 
 const createButtonContainer = ref<HTMLButtonElement>();
 
@@ -163,7 +163,7 @@ onMounted(() => {
 				helpItem
 			],
 			channelItems: [] // set by the channel
-		} as NavbarInterface
+		} as INavbar
 	}
 })
 
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index b8ea85f..024676e 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -36,12 +36,12 @@ import ChannelEntry from "~/components/Guild/ChannelEntry.vue";
 import GuildOptionsMenu from "~/components/Guild/GuildOptionsMenu.vue";
 import MemberEntry from "~/components/Guild/MemberEntry.vue";
 import ResizableSidebar from "~/components/UserInterface/ResizableSidebar.vue";
-import type { ChannelResponse, GuildMemberResponse, GuildResponse, NavbarInterface } from "~/types/interfaces";
+import type { ChannelResponse, GuildMemberResponse, GuildResponse, INavbar } from "~/types/interfaces";
 
 const route = useRoute();
 
 const loading = useState("loading");
-const navbar = useState<NavbarInterface>("navbar");
+const navbar = useState<INavbar>("navbar");
 
 const channelUrlPath = `channels/${route.params.channelId}`;
 
diff --git a/types/interfaces.ts b/types/interfaces.ts
index 62a7c16..c23fbe5 100644
--- a/types/interfaces.ts
+++ b/types/interfaces.ts
@@ -129,7 +129,7 @@ export interface NavbarItem {
 	callback: (...args: any[]) => any;
 }
 
-export interface NavbarInterface {
+export interface INavbar {
 	clientItems?: NavbarItem[]
 	channelItems?: NavbarItem[] // search bar will require some changes
 	contextName?: string
diff --git a/utils/updateNavbar.ts b/utils/updateNavbar.ts
index 1d99501..bd181d1 100644
--- a/utils/updateNavbar.ts
+++ b/utils/updateNavbar.ts
@@ -1,10 +1,10 @@
-import type { NavbarInterface, NavbarOptions } from "~/types/interfaces";
+import type { INavbar, NavbarOptions } from "~/types/interfaces";
 
-const navbar = useState<NavbarInterface>("navbar")
+const navbar = useState<INavbar>("navbar")
 
 export default async (options: NavbarOptions) => {
 	await nextTick()
-	
+
 	if (navbar.value) {
 		if (options.guild) {
 			navbar.value.channelItems = []