diff --git a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
index c28bce2e12..2ade102ddf 100644
--- a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
+++ b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
@@ -19,6 +19,7 @@ export const SidebarHeader = (props: SidebarHeaderProps) => {
   const open = useAtomValue(appSidebarOpenAtom);
   return (
     <div className={navHeaderStyle} data-open={open}>
+      {open && <SidebarSwitch />}
       {environment.isDesktop && (
         <>
           {environment.isMacOs && <div style={{ flex: 1 }} />}
@@ -50,7 +51,6 @@ export const SidebarHeader = (props: SidebarHeaderProps) => {
           {!environment.isMacOs && <div style={{ flex: 1 }} />}
         </>
       )}
-      {open && <SidebarSwitch />}
     </div>
   );
 };