chore: hide scrollbar

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

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>