From fc5d63c10f6cb998fc86f8e42f531a3f8b134546 Mon Sep 17 00:00:00 2001
From: VaishnaviBardapure <bardapurevaishnavi1@gmail.com>
Date: Sun, 21 Jun 2026 14:33:09 +0530
Subject: [PATCH] fix: move sidebar toggle button up to avoid OS taskbar
 overlap

---
 frontend/src/components/Sidebar/Sidebar.tsx                     | 2 ++
 .../__snapshots__/Sidebar.HomeSidebarClosed.stories.storyshot   | 2 +-
 .../__snapshots__/Sidebar.HomeSidebarOpen.stories.storyshot     | 2 +-
 .../Sidebar.InClusterSidebarClosed.stories.storyshot            | 2 +-
 .../Sidebar.InClusterSidebarOpen.stories.storyshot              | 2 +-
 .../Sidebar.SelectedItemWithSidebarOmitted.stories.storyshot    | 2 +-
 6 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Sidebar/Sidebar.tsx b/frontend/src/components/Sidebar/Sidebar.tsx
index e718d3bd118..5c948bee581 100644
--- a/frontend/src/components/Sidebar/Sidebar.tsx
+++ b/frontend/src/components/Sidebar/Sidebar.tsx
@@ -137,6 +137,7 @@ const DefaultLinkArea = memo((props: { sidebarName: string; isOpen: boolean }) =
         alignItems="center"
         flexDirection={isOpen ? 'row' : 'column'}
         p={1}
+        sx={{ marginBottom: '40px' }}
       >
         <Box>{isElectron() && <AddClusterButton />}</Box>
         <Box>
@@ -155,6 +156,7 @@ const DefaultLinkArea = memo((props: { sidebarName: string; isOpen: boolean }) =
         alignItems="center"
         flexDirection={isOpen ? 'row' : 'column'}
         p={1}
+        sx={{ marginBottom: '40px' }}
       >
         <Box>
           <VersionButton />
diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarClosed.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarClosed.stories.storyshot
index 874f89a831a..3f1f0517a24 100644
--- a/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarClosed.stories.storyshot
+++ b/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarClosed.stories.storyshot
@@ -178,7 +178,7 @@
                 class="MuiBox-root css-xi606m"
               >
                 <div
-                  class="MuiBox-root css-1h413jj"
+                  class="MuiBox-root css-9c2sar"
                 >
                   <div
                     class="MuiBox-root css-0"
diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarOpen.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarOpen.stories.storyshot
index d1f61fd618b..abd7521d79f 100644
--- a/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarOpen.stories.storyshot
+++ b/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarOpen.stories.storyshot
@@ -196,7 +196,7 @@
                 class="MuiBox-root css-xi606m"
               >
                 <div
-                  class="MuiBox-root css-phsv6y"
+                  class="MuiBox-root css-dsmt5k"
                 >
                   <div
                     class="MuiBox-root css-0"
diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarClosed.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarClosed.stories.storyshot
index 75f3cff5870..e5a2599997f 100644
--- a/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarClosed.stories.storyshot
+++ b/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarClosed.stories.storyshot
@@ -1422,7 +1422,7 @@
                     />
                   </button>
                   <div
-                    class="MuiBox-root css-1h413jj"
+                    class="MuiBox-root css-9c2sar"
                   >
                     <div
                       class="MuiBox-root css-0"
diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarOpen.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarOpen.stories.storyshot
index a51088984ff..5cd4ffc5c96 100644
--- a/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarOpen.stories.storyshot
+++ b/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarOpen.stories.storyshot
@@ -1484,7 +1484,7 @@
                     />
                   </button>
                   <div
-                    class="MuiBox-root css-phsv6y"
+                    class="MuiBox-root css-dsmt5k"
                   >
                     <div
                       class="MuiBox-root css-0"
diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.SelectedItemWithSidebarOmitted.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.SelectedItemWithSidebarOmitted.stories.storyshot
index 4d10e2d960d..4910f3124d0 100644
--- a/frontend/src/components/Sidebar/__snapshots__/Sidebar.SelectedItemWithSidebarOmitted.stories.storyshot
+++ b/frontend/src/components/Sidebar/__snapshots__/Sidebar.SelectedItemWithSidebarOmitted.stories.storyshot
@@ -1484,7 +1484,7 @@
                     />
                   </button>
                   <div
-                    class="MuiBox-root css-phsv6y"
+                    class="MuiBox-root css-dsmt5k"
                   >
                     <div
                       class="MuiBox-root css-0"