diff --git a/components/UserInterface/Navbar.vue b/components/UserInterface/Navbar.vue
index dea9dde..622d50f 100644
--- a/components/UserInterface/Navbar.vue
+++ b/components/UserInterface/Navbar.vue
@@ -1,6 +1,6 @@
 <template>
 	<div id="navbar">
-		<div v-for="entry of props.clientItems" id="navbar-left">
+		<div v-if="props.clientItems" v-for="entry of props.clientItems" id="navbar-left">
 			<button class="navbar-item" :title="entry.title"
 					@click.prevent="entry.callback()">
 				<Icon :name="entry.icon" class="navbar-item-icon" />
@@ -20,7 +20,7 @@
 				{{ props.contextName }}
 			</div>
 		</div>
-		<div v-for="entry of props.channelItems" id="navbar-right">
+		<div v-if="props.channelItems" v-for="entry of props.channelItems" id="navbar-right">
 			<button class="navbar-item" :title="entry.title"
 					@click.prevent="entry.callback()">
 				<Icon :name="entry.icon" class="navbar-item-icon" />
diff --git a/types/interfaces.ts b/types/interfaces.ts
index 3b18a74..dc0c9f6 100644
--- a/types/interfaces.ts
+++ b/types/interfaces.ts
@@ -130,8 +130,8 @@ export interface NavbarItem {
 }
 
 export interface NavbarInterface {
-	clientItems: NavbarItem[]
-	channelItems: NavbarItem[] // search bar will require some changes
+	clientItems?: NavbarItem[]
+	channelItems?: NavbarItem[] // search bar will require some changes
 	contextName?: string
 	contextIcon?: string
 	guildUuid?: string