diff --git a/src/app/pages/home-search/home-search.page.html b/src/app/pages/home-search/home-search.page.html
index f1758332..1fa3215a 100644
--- a/src/app/pages/home-search/home-search.page.html
+++ b/src/app/pages/home-search/home-search.page.html
@@ -7,7 +7,7 @@
     </ion-searchbar>
   </div>
 </app-page-header>
-<ion-toolbar class="padding-top-10">
+<ion-toolbar>
   <ng-template
   cdkConnectedOverlay
   [cdkConnectedOverlayOrigin]="trigger"
diff --git a/src/app/pages/mentor-search-directory/mentor-search-directory.page.html b/src/app/pages/mentor-search-directory/mentor-search-directory.page.html
index 1f98b2a2..1c0337ed 100644
--- a/src/app/pages/mentor-search-directory/mentor-search-directory.page.html
+++ b/src/app/pages/mentor-search-directory/mentor-search-directory.page.html
@@ -29,7 +29,7 @@
     </div>
   </ion-grid>
 </ng-template>
-<ion-toolbar class="padding-top-10">
+<ion-toolbar>
   <ion-grid>
     <ion-row>
       <ion-col size="auto" *ngIf="showSelectedCriteria">
@@ -79,7 +79,7 @@
         <ion-label>{{totalCount}} {{"SEARCH_RESULT" | translate}}</ion-label>
       </div>
     </div>
-    <div>
+    <div class="paginator">
       <mat-paginator  [length]="totalCount" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" (page)="onPageChange($event)"></mat-paginator>
     </div>
   </div>
diff --git a/src/app/pages/mentor-search-directory/mentor-search-directory.page.scss b/src/app/pages/mentor-search-directory/mentor-search-directory.page.scss
index 08ff662c..031b3bfd 100644
--- a/src/app/pages/mentor-search-directory/mentor-search-directory.page.scss
+++ b/src/app/pages/mentor-search-directory/mentor-search-directory.page.scss
@@ -90,15 +90,28 @@
     display: flex;
     justify-content: space-between;
 }
-.search-result-count{
-    display: flex;
-    padding-left: 24%;
-}
 .search-result-label{
     display: flex;
     align-items: center;
 }
 .search-result-count{
     display: flex;
-    padding-left: 24%;
-}
\ No newline at end of file
+    padding-left: 18%;
+}
+@media only screen and (max-width: 767px) {
+    .search-navigation {
+      display: flex;
+      flex-direction: column;
+    }
+    .search-result-count{
+        display: flex;
+        padding-left: 11%;
+    }
+    .paginator {
+      order: 2;
+      display: -webkit-box;
+    }
+    .search-result {
+      order: 1;
+    }
+  }
\ No newline at end of file
diff --git a/src/app/shared/components/filter-tree/filter-tree.component.scss b/src/app/shared/components/filter-tree/filter-tree.component.scss
index ea578937..c81b0b64 100644
--- a/src/app/shared/components/filter-tree/filter-tree.component.scss
+++ b/src/app/shared/components/filter-tree/filter-tree.component.scss
@@ -6,7 +6,7 @@
 .wrapper-class {
     display: flex;
     justify-content: end;
-    padding: 5px 5px;
+    padding: 10px 20px 0px 0px;
 }
 .underline {
     cursor: pointer;
diff --git a/src/app/shared/components/generic-search/generic-search.component.html b/src/app/shared/components/generic-search/generic-search.component.html
index 28aed9f3..65db2337 100644
--- a/src/app/shared/components/generic-search/generic-search.component.html
+++ b/src/app/shared/components/generic-search/generic-search.component.html
@@ -10,7 +10,7 @@
       <ion-label>{{totalCount}} {{"SEARCH_RESULT" | translate}}</ion-label>
     </div>
   </div>
-  <div>
+  <div class="paginator">
     <mat-paginator  [length]="totalCount" [pageSize]="limit" [pageSizeOptions]="pageSizeOptions" (page)="onPageChange($event)"></mat-paginator>
   </div>
 </div>
diff --git a/src/app/shared/components/generic-search/generic-search.component.scss b/src/app/shared/components/generic-search/generic-search.component.scss
index eae6bd73..34f85af4 100644
--- a/src/app/shared/components/generic-search/generic-search.component.scss
+++ b/src/app/shared/components/generic-search/generic-search.component.scss
@@ -4,13 +4,27 @@
 }
 .search-result-count{
     display: flex;
-    padding-left: 24%;
+    padding-left: 18%;
 }
 .search-result-label{
     display: flex;
     align-items: center;
 }
-.search-result-count{
-    display: flex;
-    padding-left: 24%;
-}
\ No newline at end of file
+
+@media only screen and (max-width: 767px) {
+    .search-navigation {
+      display: flex;
+      flex-direction: column;
+    }
+    .search-result-count{
+        display: flex;
+        padding-left: 11%;
+    }
+    .paginator {
+      order: 2;
+      display: -webkit-box;
+    }
+    .search-result {
+      order: 1;
+    }
+  }
\ No newline at end of file