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();
   }, []);