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 dde66f22..4b4210f6 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
@@ -2,8 +2,10 @@
   <div class="app-layout-native-title-bar-logo">
     <img src="assets/images/logo/64_64.png" />
   </div>
-  <div class="app-layout-native-title-bar-title">DS Talk</div>
-  <div class="btn-area">
+  <div class="app-layout-native-title-bar-title">
+    <div class="title">
+      DS Talk
+    </div>
     <ucap-integrated-search-form
       *ngIf="!!loginRes"
       [searchWord]="integratedSearchWord"
@@ -11,6 +13,8 @@
       class="input-lineless integrated-search"
     >
     </ucap-integrated-search-form>
+  </div>
+  <div class="btn-area">
     <div
       *ngIf="!!loginRes && !!weblink"
       class="app-layout-native-title-bar-link weblink"
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 5af24713..2b7497e1 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
@@ -18,6 +18,12 @@
     .app-layout-native-title-bar-title {
       padding-left: 8px;
       font-size: 13px;
+      display: flex;
+      flex-wrap: wrap;
+      flex-flow: row;
+      .title {
+        margin-right: 10px;
+      }
     }
 
     .app-layout-native-title-bar-spacer {