diff --git a/packages/web/components/templates/library/LibraryMenu.tsx b/packages/web/components/templates/library/LibraryMenu.tsx
index baf771a7b..1d9808e52 100644
--- a/packages/web/components/templates/library/LibraryMenu.tsx
+++ b/packages/web/components/templates/library/LibraryMenu.tsx
@@ -2,13 +2,21 @@ import { VStack } from '../../elements/LayoutPrimitives'
 import { useGetUserPreferences } from '../../../lib/networking/queries/useGetUserPreferences'
 import { Menubar } from '../Menu'
 
-
 export function LibraryMenu(): JSX.Element {
   useGetUserPreferences()
 
   return (
-    <VStack alignment="start" distribution="start" css={{ width: '286px', pl: '16px', height: '100%' }}>
+    <VStack
+      alignment="start"
+      distribution="start"
+      css={{
+        width: '286px',
+        minWidth: '286px',
+        height: 'calc(100% - 100px)',
+        overflowY: 'auto',
+      }}
+    >
       <Menubar />
     </VStack>
   )
-}
\ No newline at end of file
+}