From 378cec403147e25e81b6d5a51c3a2209b27e8fe0 Mon Sep 17 00:00:00 2001
From: Hieu Vu <vdhieu.it@gmail.com>
Date: Tue, 19 Dec 2023 22:19:37 +0700
Subject: [PATCH] fix: double scrollbar

---
 components/layout/Navbar.tsx | 2 +-
 pages/_app.tsx               | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/layout/Navbar.tsx b/components/layout/Navbar.tsx
index d36443e..ad8b544 100644
--- a/components/layout/Navbar.tsx
+++ b/components/layout/Navbar.tsx
@@ -102,7 +102,7 @@ export default function Navbar() {
     <div className="w-full fixed lg:sticky top-0 shadow bg-white z-40">
       <div className="max-w-7xl mx-auto">
         <TopBar
-          className="border-none lg:!px-0"
+          className="border-none"
           leftSlot={
             <Link
               href=""
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 5c3476b..bdf7436 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -11,9 +11,14 @@ import Footer from '@components/layout/Footer'
 
 export default function App({ Component, pageProps }: AppProps) {
   return (
-    <main className={clsx(inter.className, 'relative pt-14 lg:pt-0')}>
+    <main
+      className={clsx(
+        inter.className,
+        'relative pt-14 lg:pt-0 overflow-hidden',
+      )}
+    >
       <Navbar />
-      <div className="h-[calc(100vh-57px)] overflow-scroll relative z-0">
+      <div className="h-[calc(100vh-57px)] overflow-hidden overflow-y-scroll relative z-0">
         <Component {...pageProps} />
         <Footer />
       </div>