diff --git a/client/packages/lowcoder/src/components/layout/SideBarSection.tsx b/client/packages/lowcoder/src/components/layout/SideBarSection.tsx
index c42028f9d..e268b32a9 100644
--- a/client/packages/lowcoder/src/components/layout/SideBarSection.tsx
+++ b/client/packages/lowcoder/src/components/layout/SideBarSection.tsx
@@ -24,9 +24,9 @@ export const SideBarSection = (props: SideBarSectionProps) => {
   const user = useSelector<AppState, User>(getUser);
   const applications = useSelector<AppState, ApplicationMeta[]>(normalAppListSelector);
   const currentPath = useLocation().pathname;
-
+  const isShow = props.items.map(item => item.visible ? item.visible({ user: user, applications: applications }) : true).includes(true);
   return (
-    <Wrapper className={CNSidebarSection} style={props.style}>
+    <Wrapper className={ isShow ? CNSidebarSection : ''} style={props.style}>
       {props.title}
       {props.items
         .filter((item) =>