diff --git a/packages/hoppscotch-app/components/environments/index.vue b/packages/hoppscotch-app/components/environments/index.vue
index ba3e52c53..5f92a5dd1 100644
--- a/packages/hoppscotch-app/components/environments/index.vue
+++ b/packages/hoppscotch-app/components/environments/index.vue
@@ -32,7 +32,7 @@
               }
             "
           />
-          <hr />
+          <hr v-if="environments.length > 0" />
           <SmartItem
             v-for="(gen, index) in environments"
             :key="`gen-${index}`"
diff --git a/packages/hoppscotch-app/components/graphql/Response.vue b/packages/hoppscotch-app/components/graphql/Response.vue
index daeda6bb6..c2b7425fc 100644
--- a/packages/hoppscotch-app/components/graphql/Response.vue
+++ b/packages/hoppscotch-app/components/graphql/Response.vue
@@ -1,8 +1,10 @@
 <template>
-  <div class="flex flex-col overflow-auto hide-scrollbar whitespace-nowrap">
+  <div
+    class="flex flex-col flex-1 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"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
       <SmartSpinner class="my-4" />
       <span class="text-secondaryLight">{{ t("state.loading") }}</span>
@@ -42,7 +44,7 @@
     </div>
     <div
       v-else
-      class="flex flex-col items-center justify-center flex-1 p-4 text-secondaryLight"
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
     >
       <div class="flex pb-4 my-4 space-x-2">
         <div class="flex flex-col items-end text-right space-y-4">