hide nav

packages/app/src/styles/_on-search.scss

@@ -3,4 +3,8 @@ body.on-search {
     position: fixed !important;
     width: 100vw;
   }
+  .page-wrapper {
+    position: relative;
+    top: $grw-navbar-border-width;
+  }
 }

packages/app/src/styles/_search.scss

@@ -176,7 +176,8 @@
     top: 0px;
 
     .search-result-list-scroll {
-      height: calc(100vh - 125px); // subtract the height of SearchControl component
+      // subtract the height of SearchControl component + a gap made above #page-wrapper and below #main
+      height: calc(100vh - 117px);
       overflow-y: scroll;
     }
     .nav.nav-pills {