diff --git a/web/src/layout/Header/navbar/Menu/Help.tsx b/web/src/layout/Header/navbar/Menu/Help.tsx
index e5c34e0de..4a90227be 100644
--- a/web/src/layout/Header/navbar/Menu/Help.tsx
+++ b/web/src/layout/Header/navbar/Menu/Help.tsx
@@ -12,7 +12,6 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   position: absolute;
-  max-height: 60vh;
   top: 5%;
   left: 50%;
   transform: translate(-50%);
diff --git a/web/src/layout/Header/navbar/Menu/Settings/index.tsx b/web/src/layout/Header/navbar/Menu/Settings/index.tsx
index 387bc6b84..28b5aec52 100644
--- a/web/src/layout/Header/navbar/Menu/Settings/index.tsx
+++ b/web/src/layout/Header/navbar/Menu/Settings/index.tsx
@@ -8,6 +8,8 @@ import { useFocusOutside } from "hooks/useFocusOutside";
 const Container = styled.div`
   display: flex;
   position: absolute;
+  max-height: 80vh;
+  overflow-y: auto;
   z-index: 1;
   background-color: ${({ theme }) => theme.whiteBackground};
   flex-direction: column;
diff --git a/web/src/layout/Header/navbar/index.tsx b/web/src/layout/Header/navbar/index.tsx
index 858ac54ea..6ec1563eb 100644
--- a/web/src/layout/Header/navbar/index.tsx
+++ b/web/src/layout/Header/navbar/index.tsx
@@ -19,7 +19,7 @@ const Container = styled.div<{ isOpen: boolean }>`
   top: 64px;
   left: 0;
   right: 0;
-  max-height: calc(90vh - 64px);
+  max-height: calc(100vh - 64px);
   overflow-y: auto;
   z-index: 1;
   background-color: ${({ theme }) => theme.whiteBackground};