diff --git a/components/UserInterface/Navbar.vue b/components/UserInterface/Navbar.vue
index 5a7460c..dea9dde 100644
--- a/components/UserInterface/Navbar.vue
+++ b/components/UserInterface/Navbar.vue
@@ -13,6 +13,8 @@
 			<DefaultIcon v-else-if="props.contextName && props.guildUuid"
 				class="context-icon" 
 				:name="props.contextName" :seed="props.guildUuid"/>
+			<NuxtImg v-else
+				:src="defaultIcon" />
 			
 			<div class="context-title">
 				{{ props.contextName }}
@@ -32,6 +34,9 @@ import type { NavbarInterface, NavbarItem } from '~/types/interfaces';
 
 const props = defineProps<NavbarInterface>();
 
+const runtimeConfig = useRuntimeConfig();
+const defaultIcon = `${runtimeConfig.app.baseURL}/icon.svg`
+
 </script>
 
 <style scoped>
diff --git a/pages/me/index.vue b/pages/me/index.vue
index e2f79d2..a421af4 100644
--- a/pages/me/index.vue
+++ b/pages/me/index.vue
@@ -45,10 +45,9 @@ onActivated(async () => {
 })
 
 function updateNavbar() {
-	const runtimeConfig = useRuntimeConfig();
 	navbar.value.channelItems = []
 	navbar.value.contextName = "Direct Messages"
-	navbar.value.contextIcon = `${runtimeConfig.app.baseURL}/icon.svg`
+	navbar.value.contextIcon = undefined
 }
 </script>