diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx
index a0b4c10dc6d..782544c57cd 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuCliList.tsx
@@ -87,14 +87,13 @@ const NavigationMenuCliList = ({ currentLevel, setLevel, id }) => {
     <div
       className={[
         'transition-all ml-8 duration-150 ease-out',
-
         // enabled
-        currentLevel === id && 'opacity-100 ml-0 delay-150',
+        currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
+        // move menu back to margin-left
         currentLevel === 'home' && 'ml-12',
-
         // disabled
         currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
-        currentLevel !== id ? 'opacity-0 invisible absolute' : '',
+        currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
       ].join(' ')}
     >
       <div className={'w-full flex flex-col gap-0 sticky top-8'}>
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
index 6a4b1801189..112159c339c 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx
@@ -34,12 +34,12 @@ const NavigationMenuGuideList: React.FC<Props> = ({ currentLevel, id, setLevel }
       className={[
         'transition-all ml-8 duration-150 ease-out',
         // enabled
-        currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
-        // move menu back to margin-left
+        currentLevel === id && 'opacity-100 ml-0 delay-150',
         currentLevel === 'home' && 'ml-12',
+
         // disabled
         currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
-        currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
+        currentLevel !== id ? 'opacity-0 invisible absolute' : '',
       ].join(' ')}
     >
       <ul className={['relative w-full flex flex-col gap-0'].join(' ')}>
diff --git a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx
index fb71df4ddbd..b9cc5359eac 100644
--- a/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/NavigationMenuRefList.tsx
@@ -140,14 +140,13 @@ const NavigationMenuRefList: React.FC<INavigationMenuRefList> = ({
     <div
       className={[
         'transition-all ml-8 duration-150 ease-out',
-
         // enabled
-        currentLevel === id && 'opacity-100 ml-0 delay-150',
+        currentLevel === id && 'opacity-100 ml-0 delay-150 h-auto',
+        // move menu back to margin-left
         currentLevel === 'home' && 'ml-12',
-
         // disabled
         currentLevel !== 'home' && currentLevel !== id ? '-ml-8' : '',
-        currentLevel !== id ? 'opacity-0 invisible absolute' : '',
+        currentLevel !== id ? 'opacity-0 invisible absolute h-0 overflow-hidden' : '',
       ].join(' ')}
     >
       <div className={'w-full flex flex-col gap-0 sticky top-8'}>