From f3aba84063b4f2473dfb165734887bf08d142cb9 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Date: Tue, 21 Mar 2023 12:10:08 +0530
Subject: [PATCH] fix: Fixes scroll behavior for search page (#6717)

---
 .../modules/search/components/SearchView.vue      | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/modules/search/components/SearchView.vue b/app/javascript/dashboard/modules/search/components/SearchView.vue
index 43412b40f..819f4acec 100644
--- a/app/javascript/dashboard/modules/search/components/SearchView.vue
+++ b/app/javascript/dashboard/modules/search/components/SearchView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="width-100">
+  <div class="search-page">
     <div class="page-header">
       <woot-button
         icon="chevron-left"
@@ -196,6 +196,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.search-page {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
 .page-header {
   display: flex;
   padding: var(--space-normal);
@@ -203,20 +208,20 @@ export default {
 .search-root {
   margin: 0 auto;
   max-width: 72rem;
-  min-height: 48rem;
+  min-height: 32rem;
   width: 100%;
-  height: fit-content;
+  height: 100%;
   padding: var(--space-normal);
   display: flex;
   position: relative;
   flex-direction: column;
   background: white;
-  overflow-y: auto;
-  margin-top: var(--space-large);
+  margin-top: var(--space-medium);
 
   .search-results {
     flex-grow: 1;
     height: 100%;
+    overflow-y: auto;
     padding: 0 var(--space-small);
   }
 }