diff --git a/packages/stack/src/components/elements/sidebar-layout.tsx b/packages/stack/src/components/elements/sidebar-layout.tsx
index 5169bb955..b35e3a8ef 100644
--- a/packages/stack/src/components/elements/sidebar-layout.tsx
+++ b/packages/stack/src/components/elements/sidebar-layout.tsx
@@ -68,8 +68,8 @@ function DesktopLayout(props: { items: SidebarItem[], title?: ReactNode, selecte
   const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];
 
   return (
-    <div className="stack-scope flex w-full h-full max-w-full">
-      <div className="fixed top-0 left-0 bottom-0 flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto">
+    <div className="stack-scope flex w-full h-full max-w-full relative">
+      <div className="flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto">
         {props.title && <div className='mb-2 ml-2'>
           <Typography type='h2' className="text-lg font-semibold text-zinc-800 dark:text-zinc-300">{props.title}</Typography>
         </div>}