From 7a19d613aca04a23602053d9d77ba3f2a0a8e487 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Wed, 17 Aug 2022 16:12:21 -0500
Subject: [PATCH] Added CSS to make Menu scrollable

---
 .../components/templates/library/LibraryMenu.tsx   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

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
+}