From b58278d55ea296e968e5cb1fcda422e63791c212 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Wed, 24 Nov 2021 19:27:25 +0530
Subject: [PATCH] chore: hide scrollbar

---
 packages/hoppscotch-app/assets/scss/styles.scss | 6 +++++-
 packages/hoppscotch-app/layouts/default.vue     | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/hoppscotch-app/assets/scss/styles.scss b/packages/hoppscotch-app/assets/scss/styles.scss
index ec8e1243d..ab8e57c58 100644
--- a/packages/hoppscotch-app/assets/scss/styles.scss
+++ b/packages/hoppscotch-app/assets/scss/styles.scss
@@ -27,6 +27,11 @@
   @apply h-4;
 }
 
+.hide-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
 .hide-scrollbar::-webkit-scrollbar {
   @apply hidden;
 }
@@ -61,7 +66,6 @@ body {
   animation: fade 300ms forwards;
   font-size: var(--body-font-size);
   line-height: var(--body-line-height);
-  overflow: overlay;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
 }
diff --git a/packages/hoppscotch-app/layouts/default.vue b/packages/hoppscotch-app/layouts/default.vue
index 7d3ec5312..6e201ecee 100644
--- a/packages/hoppscotch-app/layouts/default.vue
+++ b/packages/hoppscotch-app/layouts/default.vue
@@ -24,7 +24,7 @@
             >
               <Pane class="flex flex-1 hide-scrollbar !overflow-auto">
                 <main class="flex flex-1 w-full">
-                  <nuxt class="flex flex-1" style="overflow-y: overlay" />
+                  <nuxt class="flex flex-1" />
                 </main>
               </Pane>
             </Splitpanes>