diff --git a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
index fe1fbbb9..1780ab4a 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
@@ -1,4 +1,7 @@
 <mat-toolbar class="app-layout-native-title-bar">
+  <div class="app-layout-native-title-bar-logo">
+    <img src="assets/images/logo/ico_64x64.png" />
+  </div>
   <div class="app-layout-native-title-bar-title">UCAP M Messenger</div>
   <div class="app-layout-native-title-bar-spacer"></div>
   <div class="app-layout-native-title-bar-actions">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss
index 68e8fe40..89b2e3b9 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss
@@ -13,6 +13,17 @@
     cursor: pointer;
     background: white;
     height: 30px;
+    border-bottom: 1px solid #d5dadb;
+
+    .app-layout-native-title-bar-logo {
+      width: 16px;
+      height: 16px;
+    }
+
+    .app-layout-native-title-bar-title {
+      padding-left: 8px;
+      font-size: 12px;
+    }
 
     .app-layout-native-title-bar-spacer {
       flex: 1 1 auto;
@@ -73,9 +84,5 @@
         }
       }
     }
-
-    .app-layout-native-title-bar-title {
-      font-size: 12px;
-    }
   }
 }
diff --git a/projects/ucap-webmessenger-app/src/assets/images/logo/ico_64x64.png b/projects/ucap-webmessenger-app/src/assets/images/logo/ico_64x64.png
new file mode 100644
index 00000000..adbc1dd4
Binary files /dev/null and b/projects/ucap-webmessenger-app/src/assets/images/logo/ico_64x64.png differ