diff --git a/webapp/src/components/navigation/menus.tsx b/webapp/src/components/navigation/menus.tsx
index c1600ac..235c218 100644
--- a/webapp/src/components/navigation/menus.tsx
+++ b/webapp/src/components/navigation/menus.tsx
@@ -82,7 +82,7 @@ const SheetListMenu = (properties: SheetListMenuProps) => {
       {sheetOptionsList.map((tab, index) => (
         <StyledMenuItem
           key={tab.sheetId}
-          onClick={(): void => onSheetSelected(index)}
+          onClick={() => onSheetSelected(index)}
         >
           <ItemColor style={{ backgroundColor: tab.color }} />
           <ItemName>{tab.name}</ItemName>
diff --git a/webapp/src/components/navigation/navigation.tsx b/webapp/src/components/navigation/navigation.tsx
index 319f7d3..081d354 100644
--- a/webapp/src/components/navigation/navigation.tsx
+++ b/webapp/src/components/navigation/navigation.tsx
@@ -81,7 +81,10 @@ function Navigation(props: NavigationProps) {
         isOpen={open}
         close={handleClose}
         sheetOptionsList={sheets}
-        onSheetSelected={onSheetSelected}
+        onSheetSelected={(index) => {
+          onSheetSelected(index);
+          handleClose();
+        }}
       />
     </Container>
   );