From d67a85b1287e8224b0f72a931b96fec184ebf9b9 Mon Sep 17 00:00:00 2001
From: preeyaX <70096719+preeyaX@users.noreply.github.com>
Date: Tue, 9 Dec 2025 05:58:28 -0800
Subject: [PATCH] fix(common): remove double scrollbar in response pane (#5665)

Co-authored-by: nivedin <nivedinp@gmail.com>
---
 .../hoppscotch-common/src/components/app/PaneLayout.vue     | 4 ++--
 packages/hoppscotch-common/src/layouts/default.vue          | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/app/PaneLayout.vue b/packages/hoppscotch-common/src/components/app/PaneLayout.vue
index 319b78f5..e09143f2 100644
--- a/packages/hoppscotch-common/src/components/app/PaneLayout.vue
+++ b/packages/hoppscotch-common/src/components/app/PaneLayout.vue
@@ -12,7 +12,7 @@
     <Pane
       :size="SIDEBAR && hasSidebar ? PANE_MAIN_SIZE : 100"
       min-size="65"
-      class="flex flex-col !overflow-auto"
+      class="flex flex-col !overflow-hidden"
     >
       <Splitpanes
         class="smart-splitter"
@@ -29,7 +29,7 @@
         <Pane
           v-if="hasSecondary"
           :size="PANE_MAIN_BOTTOM_SIZE"
-          class="flex flex-col !overflow-auto"
+          class="flex flex-col !overflow-hidden"
           min-size="25"
         >
           <slot name="secondary" />
diff --git a/packages/hoppscotch-common/src/layouts/default.vue b/packages/hoppscotch-common/src/layouts/default.vue
index 2959b850..400db456 100644
--- a/packages/hoppscotch-common/src/layouts/default.vue
+++ b/packages/hoppscotch-common/src/layouts/default.vue
@@ -4,7 +4,7 @@
       <Pane style="height: auto">
         <AppHeader />
       </Pane>
-      <Pane :class="spacerClass" class="flex flex-1 !overflow-auto md:mb-0">
+      <Pane :class="spacerClass" class="flex flex-1 !overflow-hidden md:mb-0">
         <Splitpanes
           class="no-splitter"
           :dbl-click-splitter="false"
@@ -16,13 +16,13 @@
           >
             <AppSidenav />
           </Pane>
-          <Pane class="flex flex-1 !overflow-auto">
+          <Pane class="flex flex-1 !overflow-hidden">
             <Splitpanes
               class="no-splitter"
               :dbl-click-splitter="false"
               horizontal
             >
-              <Pane class="flex flex-1 !overflow-auto">
+              <Pane class="flex flex-1 !overflow-hidden">
                 <main class="flex w-full flex-1" role="main">
                   <RouterView
                     v-slot="{ Component }"