From 57623378fb663c14ecaf36ca7ef6c2f8ab050a06 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Tue, 14 Sep 2021 08:51:35 +0200
Subject: [PATCH] Remove sticky from sidebar

---
 docs/components/Docs/Page.tsx   | 2 +-
 docs/components/Page/Layout.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/components/Docs/Page.tsx b/docs/components/Docs/Page.tsx
index 649624f3..1450cef9 100644
--- a/docs/components/Docs/Page.tsx
+++ b/docs/components/Docs/Page.tsx
@@ -13,7 +13,7 @@ export const Page: React.FunctionComponent<IPageProps> = ({items, page, children
     <div className={`mb-6 py-8 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8`}>
       <div className={`lg:flex`}>
 
-        <div className={`h-screen sticky top-16 lg:block hidden lg:w-60 xl:w-72`}>
+        <div className={`h-screen top-16 lg:block hidden lg:w-60 xl:w-72`}>
           <Sidebar items={items} />
         </div>
 
diff --git a/docs/components/Page/Layout.tsx b/docs/components/Page/Layout.tsx
index 0426686d..ceb52336 100644
--- a/docs/components/Page/Layout.tsx
+++ b/docs/components/Page/Layout.tsx
@@ -6,9 +6,10 @@ import { Sponsors } from './Sponsors';
 export interface ILayoutProps {}
 
 export const Layout: React.FunctionComponent<ILayoutProps> = (props: React.PropsWithChildren<ILayoutProps>) => {
+
   return (
     <div className={`flex flex-col h-screen`}>
-      <header className={`lg:sticky lg:top-0 z-50 bg-vulcan-500 bg-opacity-80 backdrop-blur-lg`}>
+      <header className={`lg:sticky w-full lg:top-0 z-50 bg-vulcan-500 bg-opacity-80 backdrop-blur-lg`}>
         <Navigation />
       </header>