From 27691b0ea84f6c563b121d3e798243417381a4a1 Mon Sep 17 00:00:00 2001
From: "Arslan, Erdem" <erdem.arslan@valtech.com>
Date: Mon, 8 Jan 2024 22:05:26 +0100
Subject: [PATCH] fix responsive design of button to collapse the sidebar

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

diff --git a/pkgs/ui/src/components/sidebar/index.tsx b/pkgs/ui/src/components/sidebar/index.tsx
index a2f25cf..bd1767d 100644
--- a/pkgs/ui/src/components/sidebar/index.tsx
+++ b/pkgs/ui/src/components/sidebar/index.tsx
@@ -113,8 +113,12 @@ export function Sidebar(props: SidebarProps) {
             priority
           />
         </div>
-        <div className="absolute top-0 right-0">
-          <IconButton size="large" className="text-white" onClick={onClose}>
+        <div className="lg:absolute lg:top-0 lg:right-0">
+          <IconButton
+              size="large"
+              className="text-white"
+              onClick={onClose}
+          >
             <ChevronLeftIcon fontSize="inherit" />
           </IconButton>
         </div>