diff --git a/pkgs/ui/src/components/sidebar/index.tsx b/pkgs/ui/src/components/sidebar/index.tsx
index 2b623b4..e1b7c7a 100644
--- a/pkgs/ui/src/components/sidebar/index.tsx
+++ b/pkgs/ui/src/components/sidebar/index.tsx
@@ -124,7 +124,7 @@ export function Sidebar(props: SidebarProps) {
             priority
           />
         </div>
-        <div className="lg:absolute lg:top-0 lg:right-0">
+        <div className="lg:absolute lg:top-1/2 lg:left-1/2 lg:transform lg:-translate-x-1/2 lg:-translate-y-1/2">
           <IconButton size="large" className="text-white" onClick={onClose}>
             <ChevronLeftIcon fontSize="inherit" />
           </IconButton>