diff --git a/docs/src/global.css b/docs/src/global.css
index 61006422..a75bb70e 100644
--- a/docs/src/global.css
+++ b/docs/src/global.css
@@ -262,7 +262,3 @@ main.bx--content {
     z-index: 1;
   }
 }
-
-.bx--side-nav__submenu[aria-expanded="true"] + .bx--side-nav__menu {
-  max-height: 144rem;
-}
diff --git a/src/UIShell/SideNavMenu.svelte b/src/UIShell/SideNavMenu.svelte
index 68ac85f2..27cfde0e 100644
--- a/src/UIShell/SideNavMenu.svelte
+++ b/src/UIShell/SideNavMenu.svelte
@@ -48,7 +48,11 @@
       <svelte:component this="{ChevronDown}" title="Open Menu" tabindex="0" />
     </div>
   </button>
-  <ul role="menu" class:bx--side-nav__menu="{true}">
+  <ul
+    role="menu"
+    class:bx--side-nav__menu="{true}"
+    style="{expanded && 'max-height: none'}"
+  >
     <slot />
   </ul>
 </li>