diff --git a/logo/logo-chat-bubble.png b/logo/logo-chat-bubble.png
new file mode 100644
index 0000000..aea1c67
Binary files /dev/null and b/logo/logo-chat-bubble.png differ
diff --git a/logo/logo.afdesign b/logo/logo.afdesign
new file mode 100644
index 0000000..c2a6696
Binary files /dev/null and b/logo/logo.afdesign differ
diff --git a/logo/logo.png b/logo/logo.png
new file mode 100644
index 0000000..ab9ae1f
Binary files /dev/null and b/logo/logo.png differ
diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
index ba3940a..ab9ae1f 100644
Binary files a/public/assets/images/logo.png and b/public/assets/images/logo.png differ
diff --git a/public/index.html b/public/index.html
index 82439c1..299955c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -17,9 +17,9 @@
     <!-- header -->
     <div class="flex bg-white p-2 border-gray-300 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">
+            <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"/>
+                    <img class="w-9 h-9" src="assets/images/logo.png "/>
                 </div>
             </div>
             <div class="my-auto">