From 6cf18ea4e8ec5588149e2a2ebc22d048ab15faa2 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Tue, 19 Mar 2024 22:46:54 -0700
Subject: [PATCH] fix tooltip missing on nav

---
 src/common/layout/optima/DesktopNav.tsx | 28 ++++++++++++-------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/common/layout/optima/DesktopNav.tsx b/src/common/layout/optima/DesktopNav.tsx
index 967fd1373..5d94565cc 100644
--- a/src/common/layout/optima/DesktopNav.tsx
+++ b/src/common/layout/optima/DesktopNav.tsx
@@ -90,23 +90,23 @@ export function DesktopNav(props: { component: React.ElementType, currentApp?: N
     // Overflow dropdown menu
     if (overflowApps.length) {
       components.push(
-        <Tooltip title='More Apps' key='app-overflow'>
-          <Dropdown>
+        <Dropdown>
+          <Tooltip disableInteractive enterDelay={600} title='More Apps' key='app-overflow'>
             <MenuButton slots={{ root: DesktopNavIcon }} slotProps={{ root: { className: navItemClasses.typeApp } }}>
               <MoreHorizRoundedIcon />
             </MenuButton>
-            <Menu variant='solid' invertedColors placement='right-start'>
-              {overflowApps.map((app, appIdx) =>
-                <MenuItem key={'nav-app-extra-' + appIdx} onClick={() => Router.push(app.landingRoute || app.route)} sx={{ minHeight: '2.5rem' }}>
-                  <ListItemDecorator sx={{ ml: 1 }}>
-                    <app.icon />
-                  </ListItemDecorator>
-                  {app.name + (app.isDev ? ' [DEV]' : '')}
-                </MenuItem>,
-              )}
-            </Menu>
-          </Dropdown>
-        </Tooltip>,
+          </Tooltip>
+          <Menu variant='solid' invertedColors placement='right-start'>
+            {overflowApps.map((app, appIdx) =>
+              <MenuItem key={'nav-app-extra-' + appIdx} onClick={() => Router.push(app.landingRoute || app.route)} sx={{ minHeight: '2.5rem' }}>
+                <ListItemDecorator sx={{ ml: 1 }}>
+                  <app.icon />
+                </ListItemDecorator>
+                {app.name + (app.isDev ? ' [DEV]' : '')}
+              </MenuItem>,
+            )}
+          </Menu>
+        </Dropdown>,
       );
     }
     return components;