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 }"