diff --git a/src/frontend/components/App.vue b/src/frontend/components/App.vue
index 60fb175..c82cab9 100644
--- a/src/frontend/components/App.vue
+++ b/src/frontend/components/App.vue
@@ -4,10 +4,8 @@
         <!-- header -->
         <div class="flex bg-white dark:bg-zinc-950 p-2 border-gray-300 dark:border-zinc-900 border-b">
             <div class="flex w-full">
-                <div class="hidden sm:flex my-auto border border-gray-300 rounded-md w-10 h-10 mr-3 shadow bg-gray-50">
-                    <div class="flex mx-auto my-auto">
-                        <img class="w-9 h-9" src="/assets/images/logo.png" />
-                    </div>
+                <div class="hidden sm:flex my-auto w-10 h-10 mr-2">
+                    <img class="w-10 h-10" src="/assets/images/logo-chat-bubble.png" />
                 </div>
                 <div class="my-auto">
                     <div @click="onAppNameClick" class="font-bold cursor-pointer text-gray-900 dark:text-zinc-100">Reticulum MeshChat</div>
diff --git a/src/frontend/public/assets/images/logo-chat-bubble.png b/src/frontend/public/assets/images/logo-chat-bubble.png
new file mode 100644
index 0000000..aea1c67
Binary files /dev/null and b/src/frontend/public/assets/images/logo-chat-bubble.png differ