diff --git a/website/src/components/LeftSidebar/LeftSidebar.astro b/website/src/components/LeftSidebar/LeftSidebar.astro
index df505925..85d27b45 100644
--- a/website/src/components/LeftSidebar/LeftSidebar.astro
+++ b/website/src/components/LeftSidebar/LeftSidebar.astro
@@ -14,7 +14,7 @@ const langCode = 'en'; // getLanguageFromURL(currentPage);
 const sidebar = SIDEBAR[langCode];
 ---
 
-<nav aria-labelledby="grid-left">
+<nav aria-labelledby="grid-left" class="max-h-full overflow-auto pb-20">
   <ul>
     {
       Object.entries(sidebar).map(([header, children]) => (
diff --git a/website/src/layouts/MainLayout.astro b/website/src/layouts/MainLayout.astro
index a57f705a..d14b1915 100644
--- a/website/src/layouts/MainLayout.astro
+++ b/website/src/layouts/MainLayout.astro
@@ -38,7 +38,7 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`;
       </header>
       <main class="relative pt-16">
         <div class="h-full top-0 overflow-auto min-w-[300px] flex xl:justify-center pr-4 pl-4 md:pl-[300px] xl:pl-0">
-          <aside title="Site Navigation" class="w-[300px] px-6 left-0 hidden md:block fixed">
+          <aside title="Site Navigation" class="w-[300px] px-6 left-0 hidden md:block fixed h-full">
             <LeftSidebar currentPage={currentPage} />
           </aside>
           <PageContent frontmatter={frontmatter} headings={headings} githubEditUrl={githubEditUrl}>