diff --git a/src/app/pages/search/organic-entity/organic-entity.page.scss b/src/app/pages/search/organic-entity/organic-entity.page.scss
index 1623ab266..45c90a641 100644
--- a/src/app/pages/search/organic-entity/organic-entity.page.scss
+++ b/src/app/pages/search/organic-entity/organic-entity.page.scss
@@ -26,7 +26,7 @@
       margin: 0px;
       padding-top: 10px;
       li{    
-        padding-top: 5px;
+        padding-top: 10px;
         padding-bottom: 10px;
         margin: 0px;
         padding-bottom: 10px;
diff --git a/src/app/pages/search/search.page.html b/src/app/pages/search/search.page.html
index 417ece95a..a7e0a6a00 100644
--- a/src/app/pages/search/search.page.html
+++ b/src/app/pages/search/search.page.html
@@ -1,10 +1,11 @@
 
 <!-- HEADER-->
-<ion-header class="ion-no-border header-main ">
+<ion-header class="ion-no-border header-main  d-md-flex flex-md-row-reverse">
+  <ion-progress-bar type="indeterminate" class="loader" *ngIf="showLoader"></ion-progress-bar>
   <div class="d-flex ion-justify-content-between">
-    <ion-progress-bar type="indeterminate" class="loader" *ngIf="showLoader"></ion-progress-bar>
-    <ion-form>
-      <div class="d-md-none d-flex search-input-container ion-justify-content-between" >
+    
+    <ion-form class="d-md-none">
+      <div class="d-flex search-input-container ion-justify-content-between" >
         <div class="icon" (click)="basicSearch()">
           <ion-icon class="icon-z" slot="end" name="search"></ion-icon>
         </div>
@@ -20,7 +21,7 @@
     <div *ngIf="!showAdvanceSearch" class="icon-z icon-most-searched-word-open" (click)="showHideAdvanceSearch(true)">
       <ion-icon src="assets/images/icons-most-searched-words-open.svg" class="icon" slot="end"></ion-icon>
     </div>
-    <div *ngIf="showAdvanceSearch" class="icon-z icon-most-searched-word-open" (click)="showHideAdvanceSearch(false)" >
+    <div *ngIf="showAdvanceSearch" class="icon-z icon-most-searched-word-open align-md-baseline" (click)="showHideAdvanceSearch(false)" >
       <ion-icon src="assets/images/advance-search-show-modal.svg"  class="icon" slot="end"></ion-icon>
     </div>
   
@@ -30,7 +31,7 @@
   </div>  
 
   <!-- Search drop down -->
-  <div class="advance-search pa-0 pt-10" *ngIf="showAdvanceSearch">
+  <div class="advance-search pa-0 pt-10  flex-md-grow-1" *ngIf="showAdvanceSearch">
     <!--  -->
     <li class="d-flex date-container ion-justify-content-between">
       <div class="icon-mer icon">
@@ -70,7 +71,7 @@
   </div>
 
   <!-- search result categories-->
-  <div class="options" *ngIf="showDocuments"
+  <div class="options flex-md-grow-1 " *ngIf="showDocuments"
     style="border-bottom: 1px solid #f3f3f3;"
   >
     <div class="container ">
@@ -86,7 +87,7 @@
         </ion-slides>
       </div>
 
-      <button class="icon-z icon-most-searched-word-open" ion-button icon-only >
+      <button class="icon-z icon-most-searched-word-open " ion-button icon-only >
         <ion-icon src="assets/images/icons-most-searched-words-open.svg" class="icon" slot="end"></ion-icon>
       </button>
     </div>
@@ -96,18 +97,16 @@
 
 <ion-content class="main-content">
 
-  
-
-    <div style="height: calc(100% - 0px)">
+    <div class="height-100">
       <div class="d-flex seach-wrapper height-100 flex-row justify-space-between">
 
-        <div class="d-flex height-100 flex-1"  *ngIf="!showDocuments || windowWidth >= 1024"
+        <div class="d-flex height-100 overflow-y-auto flex-1"  *ngIf="!showDocuments || windowWidth >= 1024"
           style="border-right: 1px solid #ddd7d7;">
   
           <!-- most searched word-->
-          <div class="most-searched-words  height-100">
+          <div class="most-searched-words d-md-flex flex-md-column">
             <p class="title ion-text-center">Palavras mais pesquisadas</p>
-            <div class="most-searched-word-container overflow-y-auto">
+            <div class="most-searched-word-container height-100 overflow-y-auto">
             </div>
           </div>
         </div>
diff --git a/src/app/pages/search/search.page.scss b/src/app/pages/search/search.page.scss
index d5ef5aded..79a489d33 100644
--- a/src/app/pages/search/search.page.scss
+++ b/src/app/pages/search/search.page.scss
@@ -200,7 +200,9 @@ ion-slide{
 
 
 @media only screen and (min-width: 1024px) {
-
+  .advance-search{
+    max-width: 47%;
+  }
 }
 
 
@@ -249,4 +251,4 @@ ion-slide{
 
 .swiper-container{
   width: 100%;
-} 
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/src/app/pages/search/search.page.ts b/src/app/pages/search/search.page.ts
index ad09cccb8..b394d7491 100644
--- a/src/app/pages/search/search.page.ts
+++ b/src/app/pages/search/search.page.ts
@@ -346,9 +346,16 @@ export class SearchPage implements OnInit {
 
   async openAdvanceSearchSelection() {
 
+    let classs;
+    if( window.innerWidth <= 1024){
+      classs = 'modal modal-desktop'
+    } else  {
+      classs = 'search-desktop-modal search-submodal'
+    }
+
     const modal = await this.modalController.create({
       component: SenderPage,
-      cssClass: 'modal modal-desktop',
+      cssClass: classs,
       componentProps: {
       }
     });
@@ -364,9 +371,17 @@ export class SearchPage implements OnInit {
 
   async openOrganicEntitySelection(){
 
+    let classs;
+    if( window.innerWidth <= 1024){
+      classs = 'modal modal-desktop'
+    } else  {
+      classs = 'search-desktop-modal search-submodal'
+    }
+
+
     const modal = await this.modalController.create({
       component: OrganicEntityPage,
-      cssClass: 'modal modal-desktop',
+      cssClass: classs,
       componentProps: {
       }
     });
@@ -433,7 +448,7 @@ export class SearchPage implements OnInit {
       componentProps:{
         publicationId: publicationId,
       },
-      cssClass: 'publication-detail modal modal-desktop',
+      cssClass: 'publication-detail modal modal-desktop ',
       backdropDismiss: false
     });
     
diff --git a/src/app/pages/search/sender/sender.page.scss b/src/app/pages/search/sender/sender.page.scss
index abda67839..27b075310 100644
--- a/src/app/pages/search/sender/sender.page.scss
+++ b/src/app/pages/search/sender/sender.page.scss
@@ -27,7 +27,7 @@
     margin: 0px;
     padding-top: 10px;
     li{    
-      padding-top: 5px;
+      padding-top: 10px;
       padding-bottom: 10px;
       margin: 0px;
       padding-bottom: 10px;
diff --git a/src/app/shared/header/header.page.ts b/src/app/shared/header/header.page.ts
index 7457655b9..7b587864e 100644
--- a/src/app/shared/header/header.page.ts
+++ b/src/app/shared/header/header.page.ts
@@ -23,6 +23,13 @@ export class HeaderPage implements OnInit {
       this.profile = profile;
     }
 
+    
+    router.events.subscribe((val) => {
+      this.showSearch=false;
+      this.modalController.dismiss()
+    });
+
+
    }
 
   ngOnInit() {
@@ -77,7 +84,7 @@ export class HeaderPage implements OnInit {
       enterAnimation,
       leaveAnimation,
       component: ProfileComponent,
-      cssClass: 'model profile-modal',
+      cssClass: 'model profile-modal search-submodal',
       componentProps: {
       }
     });
@@ -91,8 +98,7 @@ export class HeaderPage implements OnInit {
 
 
   async closeSearch(){
-    document.querySelectorAll('.search-modal').forEach((e)=>e.remove())
-
+    this.modalController.dismiss()
   }
 
     /**
diff --git a/src/assets/images/eraser-solid.svg b/src/assets/images/eraser-solid.svg
new file mode 100644
index 000000000..64273ad02
--- /dev/null
+++ b/src/assets/images/eraser-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="eraser" class="svg-inline--fa fa-eraser fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M497.941 273.941c18.745-18.745 18.745-49.137 0-67.882l-160-160c-18.745-18.745-49.136-18.746-67.883 0l-256 256c-18.745 18.745-18.745 49.137 0 67.882l96 96A48.004 48.004 0 0 0 144 480h356c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H355.883l142.058-142.059zm-302.627-62.627l137.373 137.373L265.373 416H150.628l-80-80 124.686-124.686z"></path></svg>
\ No newline at end of file
diff --git a/src/global.scss b/src/global.scss
index b9faf370f..96c86704f 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -296,6 +296,15 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
     }
 }
 
+.search-desktop-modal{
+    .modal-wrapper{
+        position: absolute;
+        right: 0px;
+        height: 100%;
+        width: 400px;
+    } 
+}
+
 
 .footer-container{
     padding: 10px 20px;
@@ -337,6 +346,17 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
         }
     }
   }
+
+  .search-modal{
+    ion-backdrop{
+        display: none;
+    }
+  }
+
+  
+  .search-submodal{
+    background-color: rgb(0 0 0 / 55%);
+  }
 }