From 484fcd73658fe502bf269a20a9a24f1f21a88994 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Wed, 2 Mar 2022 21:31:32 +0530
Subject: [PATCH] fix: response section overflow

---
 packages/hoppscotch-app/components/graphql/Response.vue | 4 +---
 packages/hoppscotch-app/pages/index.vue                 | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/hoppscotch-app/components/graphql/Response.vue b/packages/hoppscotch-app/components/graphql/Response.vue
index a060f073f..daeda6bb6 100644
--- a/packages/hoppscotch-app/components/graphql/Response.vue
+++ b/packages/hoppscotch-app/components/graphql/Response.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="sticky top-0 z-10 flex items-start overflow-auto bg-primary hide-scrollbar whitespace-nowrap"
-  >
+  <div class="flex flex-col overflow-auto hide-scrollbar whitespace-nowrap">
     <div
       v-if="responseString === 'loading'"
       class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight"
diff --git a/packages/hoppscotch-app/pages/index.vue b/packages/hoppscotch-app/pages/index.vue
index 5601c6b61..ad54cebab 100644
--- a/packages/hoppscotch-app/pages/index.vue
+++ b/packages/hoppscotch-app/pages/index.vue
@@ -5,7 +5,7 @@
       <HttpRequestOptions />
     </template>
     <template #secondary>
-      <HttpResponse ref="response" />
+      <HttpResponse />
     </template>
     <template #sidebar>
       <HttpSidebar />