From afea3692c6e760357e71da63597cda205159b0f9 Mon Sep 17 00:00:00 2001
From: "Arslan, Erdem" <erdem.arslan@valtech.com>
Date: Mon, 8 Jan 2024 21:50:26 +0100
Subject: [PATCH] move button to collapse the sidebar to the top

---
 pkgs/ui/src/components/sidebar/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pkgs/ui/src/components/sidebar/index.tsx b/pkgs/ui/src/components/sidebar/index.tsx
index 3b46170..a2f25cf 100644
--- a/pkgs/ui/src/components/sidebar/index.tsx
+++ b/pkgs/ui/src/components/sidebar/index.tsx
@@ -113,16 +113,16 @@ export function Sidebar(props: SidebarProps) {
             priority
           />
         </div>
+        <div className="absolute top-0 right-0">
+          <IconButton size="large" className="text-white" onClick={onClose}>
+            <ChevronLeftIcon fontSize="inherit" />
+          </IconButton>
+        </div>
       </div>
       <Divider
         flexItem
         className="mx-8 mb-4 mt-9 hidden bg-neutral-40 lg:block"
       />
-      <div className="flex w-full justify-center">
-        <IconButton size="large" className="text-white" onClick={onClose}>
-          <ChevronLeftIcon fontSize="inherit" />
-        </IconButton>
-      </div>
       <div className="flex flex-col overflow-hidden overflow-y-auto">
         <List className="mb-14 px-0 pb-4 text-white lg:mt-1 lg:px-4">
           {menuEntries.map((menuEntry, idx) => {