diff --git a/src/webui/app/components/infra/section-actions.tsx b/src/webui/app/components/infra/section-actions.tsx
index 6acf6927..5d5c7d8f 100644
--- a/src/webui/app/components/infra/section-actions.tsx
+++ b/src/webui/app/components/infra/section-actions.tsx
@@ -291,6 +291,7 @@ function NavMultipleCompactView(props: NavMultipleViewProps) {
   const anchorRef = React.useRef<HTMLDivElement>(null);
   const [selectedIndex, setSelectedIndex] = React.useState(1);
   const theme = useTheme();
+  const isBigScreen = useBigScreen();
 
   const realActions: NavSingleDesc[] = [];
   for (const action of props.action.navs) {
@@ -347,14 +348,13 @@ function NavMultipleCompactView(props: NavMultipleViewProps) {
       </ButtonGroup>
       <Popper
         sx={{
-          zIndex: theme.zIndex.appBar + 1,
+          zIndex: theme.zIndex.appBar + 20,
           backgroundColor: theme.palette.background.paper
         }}
         open={open}
         anchorEl={anchorRef.current}
-        role={undefined}
+        disablePortal={!isBigScreen}
         transition
-        disablePortal
       >
         {({ TransitionProps, placement }) => (
           <Grow