diff --git a/client/web/src/components/QuickSwitcher/index.tsx b/client/web/src/components/QuickSwitcher/index.tsx
index fd5dde5c0d5..e5a9826e5d0 100644
--- a/client/web/src/components/QuickSwitcher/index.tsx
+++ b/client/web/src/components/QuickSwitcher/index.tsx
@@ -54,7 +54,7 @@ const QuickSwitcher: React.FC = React.memo(() => {
 
   return (
     <div
-      className="fixed left-0 right-0 top-0 bottom-0 bg-black bg-opacity-60 flex justify-center"
+      className="fixed left-0 right-0 top-0 bottom-0 bg-black bg-opacity-60 flex justify-center z-10"
       onClick={handleClose}
     >
       <div
diff --git a/client/web/src/components/QuickSwitcher/useQuickSwitcherAllAction.ts b/client/web/src/components/QuickSwitcher/useQuickSwitcherAllAction.ts
index b59b10f8e2f..8398e31c214 100644
--- a/client/web/src/components/QuickSwitcher/useQuickSwitcherAllAction.ts
+++ b/client/web/src/components/QuickSwitcher/useQuickSwitcherAllAction.ts
@@ -87,16 +87,18 @@ function useGroupPanelActions(): QuickAction[] {
     const list: QuickAction[] = [];
 
     Object.values(groups).forEach((group) => {
-      group.panels.forEach((panel) => {
-        list.push({
-          key: `qs#grouppanel#${panel.id}`,
-          label: `[${group.name}] ${panel.name}`,
-          source: 'core',
-          action: ({ navigate }) => {
-            navigate(`/main/group/${group._id}/${panel.id}`);
-          },
+      group.panels
+        .filter((p) => p.type !== model.group.GroupPanelType.GROUP)
+        .forEach((panel) => {
+          list.push({
+            key: `qs#grouppanel#${panel.id}`,
+            label: `[${group.name}] ${panel.name}`,
+            source: 'core',
+            action: ({ navigate }) => {
+              navigate(`/main/group/${group._id}/${panel.id}`);
+            },
+          });
         });
-      });
     });
 
     return list;