From 0405641c66e1bc9fefa5630f5ab77e7547957793 Mon Sep 17 00:00:00 2001
From: Rene Haas <king-sora@hotmail.de>
Date: Thu, 17 Nov 2022 12:59:08 +0100
Subject: [PATCH] improve website

---
 website/src/assets/css/styles.css | 5 -----
 website/src/pages/_app.tsx        | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/website/src/assets/css/styles.css b/website/src/assets/css/styles.css
index f7e9b55..23bdaf4 100644
--- a/website/src/assets/css/styles.css
+++ b/website/src/assets/css/styles.css
@@ -19,8 +19,3 @@
   font-style: normal;
   font-display: swap;
 }
-
-/* elements wont be suddenly cropped after initialization is done */
-[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html) {
-  overflow: auto;
-}
diff --git a/website/src/pages/_app.tsx b/website/src/pages/_app.tsx
index 88870fa..4fc2cc2 100644
--- a/website/src/pages/_app.tsx
+++ b/website/src/pages/_app.tsx
@@ -21,7 +21,7 @@ const OverlayScrollbarsDocs = ({ Component, pageProps }: AppProps) => {
   const [initialize, instance] = useOverlayScrollbars({ defer: true });
 
   useEffect(() => {
-    initialize(document.body);
+    initialize({ target: document.body, cancel: { nativeScrollbarsOverlaid: true } });
     return () => instance()?.destroy();
   }, []);