From 06d531f5c067adbda6898c7682fc22aeb73d110b Mon Sep 17 00:00:00 2001
From: Nahuel Veron <nahuelav96@gmail.com>
Date: Thu, 15 Jan 2026 21:13:11 -0300
Subject: [PATCH] fix(Desktop): Fix floating sidebar when is mobile colliding
 with macos buttons

---
 packages/app/src/pages/layout.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx
index f2a777fd354f..f9ae8e8c55fd 100644
--- a/packages/app/src/pages/layout.tsx
+++ b/packages/app/src/pages/layout.tsx
@@ -1301,7 +1301,10 @@ export default function Layout(props: ParentProps) {
     const homedir = createMemo(() => sync.data.path.home)
 
     return (
-      <div class="flex h-full w-full overflow-hidden">
+      <div classList={{
+        "flex h-full w-full overflow-hidden": true,
+        "mt-10": sidebarProps.mobile,
+      }}>
         <div class="w-16 shrink-0 bg-background-base flex flex-col items-center overflow-hidden">
           <div class="flex-1 min-h-0 w-full">
             <DragDropProvider