From 78ec44f34baf81818db62dd4ce85d9a857085ca7 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Tue, 1 Mar 2022 15:14:47 +0530
Subject: [PATCH] fix: fixed broken response pane alignment

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

diff --git a/packages/hoppscotch-app/components/graphql/Response.vue b/packages/hoppscotch-app/components/graphql/Response.vue
index 8cc2fc326..a060f073f 100644
--- a/packages/hoppscotch-app/components/graphql/Response.vue
+++ b/packages/hoppscotch-app/components/graphql/Response.vue
@@ -1,10 +1,10 @@
 <template>
   <div
-    class="sticky top-0 z-10 flex items-center p-4 overflow-auto bg-primary hide-scrollbar whitespace-nowrap"
+    class="sticky top-0 z-10 flex items-start overflow-auto bg-primary hide-scrollbar whitespace-nowrap"
   >
     <div
       v-if="responseString === 'loading'"
-      class="flex flex-col items-center justify-center flex-1 text-secondaryLight"
+      class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight"
     >
       <SmartSpinner class="my-4" />
       <span class="text-secondaryLight">{{ t("state.loading") }}</span>
diff --git a/packages/hoppscotch-app/components/http/ResponseMeta.vue b/packages/hoppscotch-app/components/http/ResponseMeta.vue
index 5cc3f51ab..48f8c8f59 100644
--- a/packages/hoppscotch-app/components/http/ResponseMeta.vue
+++ b/packages/hoppscotch-app/components/http/ResponseMeta.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="sticky top-0 z-10 flex items-center p-4 overflow-auto bg-primary hide-scrollbar whitespace-nowrap"
+    class="sticky top-0 z-10 flex items-start p-4 overflow-auto bg-primary hide-scrollbar whitespace-nowrap"
   >
     <div
       v-if="response == null"