diff --git a/src/app/shared/header/header.page.html b/src/app/shared/header/header.page.html
index 49c3e1cac..3e9412eba 100644
--- a/src/app/shared/header/header.page.html
+++ b/src/app/shared/header/header.page.html
@@ -1,14 +1,26 @@
 <ion-toolbar class="bg-blue">
-  <div class="div-top-header">
-    <div class="div-search">
-      <ion-icon src='assets/images/icons-search.svg'></ion-icon>
-    </div>
-    <div class="div-logo">
-      <img src='assets/images/logo-no-bg.png' alt='logo'>
-    </div>
-    <div class="div-profile">
-      <ion-icon src='assets/images/icons-profile.svg'></ion-icon>
-    </div>
-  </div>
+  
+  <ion-grid>
+  
+    <ion-row class="div-top-header ion-justify-content-between">
+      <ion-col>
+        <div class="div-search">
+          <ion-icon src='assets/images/icons-search.svg'></ion-icon>
+        </div>
+      </ion-col>
+      <ion-col>
+        <div class="div-logo">
+          <img src='assets/images/logo-no-bg.png' alt='logo'>
+        </div>
+      </ion-col>
+      <ion-col>
+        <div class="div-profile">
+          <ion-icon src='assets/images/icons-profile.svg'></ion-icon>
+        </div>
+      </ion-col>
+    </ion-row>
+  
+  </ion-grid>
+  
 </ion-toolbar>
-
+  
\ No newline at end of file
diff --git a/src/app/shared/header/header.page.scss b/src/app/shared/header/header.page.scss
index cf8935c63..fdd23808c 100644
--- a/src/app/shared/header/header.page.scss
+++ b/src/app/shared/header/header.page.scss
@@ -1,28 +1,31 @@
-.div-top-header{
-    width: 400px;
-    margin: 0 auto;
-    background-color: #0782c9;
-    overflow: auto;
-    padding-top: 15px;
-    border: 0!important;
+@import '~src/function.scss';
 
-    .div-search{
-      font-size: 45px;
-      float: left;
-      margin: 0 0 0 10px
-    }
-    .div-logo{
-      background: transparent;
-      width: 140px;
-      margin: 5px 0 0px 71px;
-      float: left;
-    }
-    .div-logo img{
-      width: 100%;
-    }
-    .div-profile{
-      font-size: 45px;
-      float: right;
-      margin-right: 10px;
-    }
-  }
\ No newline at end of file
+.div-top-header{
+  margin: 0 auto;
+  background-color: #0782c9;
+  overflow: auto;
+  padding-top: 15px;
+  border: 0!important;
+
+  .div-search{
+    font-size: 45px;
+    margin: 0 0 0 10px
+  }
+  .div-logo{
+    background: transparent;
+    width: em(140px);
+    margin: 0px auto;
+    margin-top: 5px;
+    justify-content: center;
+    display: flex;
+  }
+  .div-logo img{
+    width: 100%;
+    margin: 0px auto;
+  }
+  .div-profile{
+    font-size: 45px;
+    float: right;
+    margin-right: 10px;
+  }
+}
\ No newline at end of file