From 77ab5cfc10b9434e3598441aa3d31f25628654d9 Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Fri, 28 Mar 2025 11:32:56 -0700
Subject: [PATCH] fix: Sidebar not scrolling + height issues

---
 assets/css/v2/style.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 092a1831..a33f84ea 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -482,6 +482,7 @@ atomic-search-layout atomic-layout-section[section="search"] {
   display: flex;
   flex-direction: column;
   width: 24rem;
+  max-height: 100vh;
   position: sticky;
   top: 0;
   margin-top: -1rem;
@@ -551,7 +552,7 @@ button:has(~ .product-selector[style*="none"]) > .product-selector-button-icon {
 .sidebar .scrollbar-container {
   width: 100%;
   max-height: 100vh;
-  overflow: hidden;
+  overflow: scroll;
   scrollbar-gutter: stable;
   scrollbar-width: none;
 }
@@ -790,7 +791,7 @@ button:has(~ .product-selector[style*="none"]) > .product-selector-button-icon {
   display: block !important;
 }
 
-#TableOfContents li {
+#TableOfContents li:not(:empty) {
   position: relative;
   list-style: square;
 }