diff --git a/frontend/src/components/Sidebar.svelte b/frontend/src/components/Sidebar.svelte
index 324b09e..fed999d 100644
--- a/frontend/src/components/Sidebar.svelte
+++ b/frontend/src/components/Sidebar.svelte
@@ -67,8 +67,10 @@
 <div class="sidebar-container" in:maybeFly="{{ duration: 175, easing: quadInOut, x: -10 }}" out:maybeFlyIf="{{ _condition: !smallViewport.value, duration: 175, easing: quadInOut, x: -10 }}">
     <div class="communities">
         <button class="button" on:click={() => selectedCommunity.clear()} class:selected={ $selectedCommunity.id === -1 }>
-            {#if $userInfoStore}
+            {#if $userInfoStore && $userInfoStore.avatar}
                 <img src={avatarUrl($userInfoStore.avatar, 64)} alt=" ">
+            {:else}
+                <span>{ $userInfoStore ? $userInfoStore.username[0] || "" : "" }</span>
             {/if}
         </button>
         {#each $communities as community (community.id)}